HTML中找不到图片的解决方法在HTML中找不到img标签的图片路径资源或者服务器上的图片损坏,除了可以使用alt属性用文字提示图片内容告诉用户,也可以使用onerror属性将其替换为另外一张专门用来处理图片容错的图片。这里是最简单的demo文件夹,里面有一个html文件,一张要上传的图片和一张容错图片的onerror属性的使用方法如下:onerror="this.src='XXX.jpg'"的具体实现方法如下:正确的图片路径应该是example.jpg,此时浏览器显示的图片是error_img.jpg:正确修改路径后:小程序开发中,处理的问题找不到图片。在小程序开发中,处理图片错误的方法和html是不一样的。官方文档也给了我们这样一个替代图片的方法:在image标签中添加方法:bindererror="onImageError"在相应的js文件中写一个我们定义的处理图片错误的方法,这里我们是onImageError方法:onImageError:函数(e){varindex=e.currentTarget.dataset.index;//获取我们在image标签中传入的data-index的数据,获取下标vartopList=this.data.topList;//获取我们发送请求的数据,从数据中获取响应varerrorImageItem=topList[index];//获取图片错误对象errorImageItem.images.large='../../images/error_img.jpg';//将路径更改为我们的替代图像topList[index]=errorImageItem;//用修改后的路径对象覆盖原对象this.setData({topList:topList//Reassignment})}处理后结果如下:
