我们在项目总总会遇到一些比较实际的图片加载失败问题,当用户没有上传头像的话,我们通常的使用方法是准备一张默认图片,但是仅仅会出现这种问题吗?
其实并不是,在图片为空,图片原地址变更,图片加在失败,图片尺寸过大都回引起在页面中加载有问题的情况,所以如果我们都要考虑,并且挨个设置的话,就太繁琐了
现在大多数的方式是在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。
1 <img src="xxx.jpg" width="100" height="100" οnerrοr="error.jpg">
直接在<img>标签里加,但我个人还是喜欢第二种方法:
这样如果你还有后续的提示操作会好用很多