目前image对象,有
onload
onerror
onabort
三种事件,onload
可以判断当前图片是否加载完成,那么在vue中,当img标签的src获取到数据的时候,有可能会先渲染别的图片(比如图片A),然后才渲染某一张图片(比如图片B),那么我如何知道图片B是否开始渲染呢?因为在拿到数据到开始渲染的中间会有一段空白时期,我想给这个空白时期设置一个加载中的图标
------------更新-------------
emm我想详细描述一下具体是哪段时间加一个加载中的图标
就是例如一个页面有5张大图,4张小图,分布在不同的位置
而这些图片,都是由同一个接口返回来的url
同时拿到url之后浏览器同时开始加载这些图片,网速调到很慢就会出现这种情况:
一开始是空白的,然后过了一会儿逐渐加载一点点,从上往下加载图片
先加载了一部分,然后逐渐加载另一部分:
然后我的需求就是想在图片还没开始加载的时候,就放一个加载中的图标,然后当它开始加载的时候(不是onload),就去掉这个加载中图标
,让它不存在空白的那个间隙,有办法实现不
先加加载中图标,onload就去掉不就可以了.
浏览器应该是没有支持到这里.
不过如果你是不希望看到逐行加载这个过程,可以选择渐进式(Progressive )的载入模式.
可以让图片由模糊逐渐清晰的加载.
用PS导出图片时,可以注意下选项