如果用户没上传头像，则为其设置默认用户头像

在很多情况下，我们需要读取用户的信息，然后显示出来。最常见的就是关于用户头像的问题。

如果用户在注册或者完善资料的过程中，上传了头像，那么我们前端在展示页面的时候后台会将存储在数据库中的用户头像的地址返回给我们进行展示。

但是如果用户没有设置自己的头像，这时候后台就会给我们传过来空。需要我们做个判断。

但究竟是判断为空、为null、还是为undefined，tity做了很多尝试，发现最为靠谱的还是判断后台返回的用户图像地址的长度，如果长度大于1，则证明有链接，如果没有的话，则将其src设置为默认图片的地址。

一个简单的实例代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="utf-8"><title>设置默认头像</title><style type="text/css">img {display: block;width: 100px;height: 100px;margin: 10px;}</style><script type="text/javascript" src="jquery-1.11.3.min.js"></script>
</head>
<body>
<img src="">
<img src="data:images/1.jpg">
<script type="text/javascript">$(function(){$('img').each(function(){if($(this).attr('src').length < 1){$(this).attr('src','images/2.jpg')}});})
</script>
</body>
</body>

执行后的效果为：

原本没有设置图片位置的第一张图片也有了默认的图片

如果用户没上传头像，则为其设置默认用户头像相关推荐

Net5上传文件请求大小限制设置(默认最大只能上传28.61m)
在IIS上配置文件上传上限(在vs下使用IIS Express 调试时也可生效) 第一步:在项目工程下创建web.config,设置文件属性[复制到输出目录]为始终复制或较新复制 <?xml v ...
通达oa wbupload.php,关于通达OA上传附件类型限制的设置
关于上传附件类型限制的设置有些用户在使用OA系统的过程中,要求只允许上传比如后缀名为doc,xls,ppt等的附件文件.如何设置才能实现这一点呢?下面简单介绍下设置方法. 1.在该路径MYOA\we ...
vsftp虚拟用户无法上传文件，解决办法
vsftp虚拟用户无法上传文件,解决办法 1.打开/etc/vsftpd 目录中的vsftpd.conf文件,查找:guest_username=xxx,这里指的是vsftpd虚拟用户对应的实际系统 ...
linux ftp匿名只能下载,04. 创建匿名用户能够上传下载，或只能下载的目录
Re:FTP 文件传输服务 ========================== FTP 服务不论在企业或教学中,是很常用的文件共享方式,它既可以做到匿名访问,也可以做到用户名和密码访问,更可以做到只 ...
多个ajaxFileUpload上传图片与ajax合用，解决同步问题，用户随意上传多少图片都可以；
需求描述:因ajaxFileUpload 文件上传插件是异步请求,但是业务上需要先得到 ajaxFileUpload 请求后的图片url, 在通过ajax 把图片URL等其它需要录入的数据一并写入数据 ...
ubuntu 搭建一个没有上传限制，支持多用户访问，管理用户下载上传，界面优雅，文件互通的网盘（支持nas）
一个没有上传限制,支持多用户访问,管理用户下载上传,界面优雅,文件互通的网盘! (Alist + Samba) 运行环境 ubuntu 20.04 Alist `Alist` 官网 https:// ...
关于VSFTPD匿名用户文件上传权限的问题
https://blog.csdn.net/m0_37355951/article/details/76974622 配置详细 https://blog.csdn.net/u014008779/art ...
linux匿名用户有写入权限,Linux vsftpd匿名用户开放上传,写入,创建,删除权限
Linux vsftpd匿名用户开放上传,写入,创建,删除权限 Linux vsftpd匿名用户开放上传,写入,创建,删除权限安装vsftpd软件包编辑配置文件,格式要注意,等于号的前后不能有空格 ...
匿名的ftp服务器不允许用户上传文件对吗,vsftp实现匿名用户文件可上传不能删除...
目的:匿名用户可上传.不能删除.不能更名方法:在匿名用户主目录下新建一个upload目录用来存放匿名用户上传文件修改/etc/vsftpd/vsftpd.conf anonymous_enable ...
oracle asp.net上传下载文件大小只有32kb,asp默认上传大小
asp.net 上传大文件大小控制方案 .NET默认允许上传4M的文件. 修改 Machine.config 文件,改动MaxRequestLength 参数的值.在c:\winnt\microsof ...

如果用户没上传头像，则为其设置默认用户头像

如果用户没上传头像，则为其设置默认用户头像相关推荐

最新文章

热门文章