CNode

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

问答
RRukeith发布于9 年前最后回复9 年前5 回复4478 浏览0 收藏

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

查看回复

回复 (5)

N
NOOZN#1·9 年前

onload事件

Y
yefeng2016#2·9 年前
  • var img = new Image()
  • img.src = xxxx
  • img.onload(cb)
  • img.onerror(cb)
R
Rukeith#3·9 年前

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

Y
yefeng2016#4·9 年前
引用 Rukeith@yefeng2016 我如果用 onload 的时候替换成 loading 图片 这样子,是不是就会变成载入 loading 的样式图片呀?? 另外 img.onload 好像是知道读取是吗...

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

R
Rukeith#5·9 年前

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

参与回复
登录后即可参与回复。登录