怎么实现图片的载入画面和失败图片显示
发布于 7 年前 作者 Rukeith 3770 次浏览 来自 问答

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

5 回复

onload事件

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

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

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

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

回到顶部