如果用户没上传头像,则为其设置默认用户头像
来源:互联网 发布:人民大学数据库 编辑:程序博客网 时间:2024/06/06 03:22
在很多情况下,我们需要读取用户的信息,然后显示出来。最常见的就是关于用户头像的问题。
如果用户在注册或者完善资料的过程中,上传了头像,那么我们前端在展示页面的时候后台会将存储在数据库中的用户头像的地址返回给我们进行展示。
但是如果用户没有设置自己的头像,这时候后台就会给我们传过来空。需要我们做个判断。
但究竟是判断为空、为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="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>
执行后的效果为:
原本没有设置图片位置的第一张图片也有了默认的图片
0 0
- 如果用户没上传头像,则为其设置默认用户头像
- 设置用户圆形头像
- Discuz修改默认用户头像
- 用户头像的背景为头像的模糊头像时候
- 仿qq用户头像上传
- Android设置用户头像代码
- Android用户头像的设置
- 安卓用户头像设置
- 用户上传用户头像至服务器
- 用户头像base64编码上传与保存头像问题
- 用户注册时上传头像的实现
- android开发之用户头像上传
- 产品设计如何鼓励用户上传头像?
- PHP+ajaxfileupload 实现用户头像上传
- Thinkphp头像上传到用户文件下
- iOS 用户头像选择以及上传服务器
- 网站用户头像剪裁上传完整案例
- android开发之用户头像上传
- Android studio
- centos7 安装postgresql-9.5
- c语言字符串处理的常用库函数总结
- SVN 文件加锁,执行 clean up 命令
- 关于myEclipse10创建maven项目的问题
- 如果用户没上传头像,则为其设置默认用户头像
- 使用fgetc实现fgets的功能 参数与返回值的含义,同fgets
- FLEX详解
- AngularJS循环绑定相关使用详解
- java中Map,List与Set的区别
- iOS UITableView的刷新和编辑
- 分享一个基于Swift3.0的ios入门学习Demo
- Atitit 图像处理知识点 知识体系 知识图谱
- 制作mysql的docker镜像