uniapp 开发APP image图片缓存本地组件

场景:
第一次加载图片的时候缓存在用户设备中,第二次加载图片时(图片名未变化的情况下)就不用重新去服务器下载图片了,直接从缓存中拿取,节省加载速度与服务器带宽

捣鼓了一下后封装成了一个组件

*只在APP有效, 建议直接下载组件到你们项目中使用
下载地址
Gitee仓库

如果你只在APP中使用,也可以用npm的方式使用
*好像在小程序会报错, 没时间整,各位大佬可以自行修复

npm i sp_image

使用方法:

import s_image from 'sp_image'

  components: {
    s_image,
  },

 <s_image :url="item.ad_code" mode="heigthFix"></s_image>

props	解释	类型
lazyLoad	是否开启懒加载	Boolean
sty	style样式	string
url	图片的路径	string
md5	图片MD5值,不传默认用图片名当MD5值	string
mode	图片展示类型	string

event	解释
@load	当图片载入完毕时，发布到 AppService 的事件名，事件对象event.detail = {height:‘图片高度px’, width:‘图片宽度px’}