怎么实现图片的载入画面和失败图片显示

不知道这问题适不适合发在这里我想要弄一个网页是会读图片，但是想要在载入图片的时候显示在 loading 的图片如果载入失败可以替换成特定的失败图片但是我只知道用 html image 的 src 来载入图片想询问有没有人知道我该怎么知道载入的进度？

NOOZN 1楼•13 天前

onload事件

yefeng2016 2楼•13 天前

var img = new Image()
img.src = xxxx
img.onload(cb)
img.onerror(cb)

Rukeith 3楼•13 天前作者

@yefeng2016 我如果用 onload 的时候替换成 loading 图片这样子，是不是就会变成载入 loading 的样式图片呀？？另外 img.onload 好像是知道读取是吗？那我怎么知道他读取完成了？

yefeng2016 4楼•13 天前

@Rukeith 我面写错了，onload和onerror不是cb写法，直接img.onload = () => {}。onload是加载成功后执行的事件，onerror是失败后执行的事件！读取图片前，把src替换成loding图片地,。然后执行img.src = xxxx。失败的时候，在onerror把src改为失败的图片地址就可以了！

Rukeith 5楼•13 天前作者

@yefeng2016 感谢您，我有实现出来了