apicloud apicloud

注册
查看: 319|回复: 1

[APP开发技巧] imagecache的用法分享

马路杀手

UID:554131

主题:
47
帖子:
200
云币:
247

[APP开发技巧] imagecache的用法分享

319 1 | 发表于 2020-3-7 04:00:07 |阅读模式 | |
本帖最后由 布子规 于 2020-3-7 04:09 编辑

首先,渲染页面时图片标签使用类似以下形式:
<img src="../image/load.png" data-src="https://xxx.com/yyy.jpg">

src:占位图片地址
data-src:原图地址

渲染完成后,立即执行 imgCache函数


  1. function imgCache() {
  2.    var doms = $api.domAll("img[data-src]");           //选择所有匹配的IMG标签
  3.    if(doms.length){
  4.       doms.forEach(function(dom) {                       //循环处理
  5.          var src = $api.attr(dom, "data-src");           //获取原图地址
  6.          api.imageCache({
  7.             url: src,
  8.             thumbnail: false,                            //是否返回缩略图
  9.             policy: 'cache_only'                         //缓存策略
  10.          }, function(ret, err) {
  11.             $api.attr(dom, 'src', ret.url);              //用缓存后的路径渲染图片
  12.             $api.removeAttr(dom, 'data-src');            //移除原图地址标记
  13.          });
  14.       })
  15.    }
  16. }
复制代码


版主

UID:546828

主题:
34
帖子:
4338
云币:
3142

圣诞节捣蛋鬼APICloud五岁啦

发表于 2020-3-7 11:12:03 |
感谢分享
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表