APICloud学习笔记之图片缓存


1.H5标签

<img onload="fnLoadImage(this)" data-url="{{=value.thumbnail.url}}" class="thumbnail" src="../image/default_rect.png">

2.Js代码

 1 function fnLoadImage(ele_) {
 2     var dataUrl = $api.attr(ele_, 'data-url');
 3     if (dataUrl) {
 4         api.imageCache({
 5             url: dataUrl
 6         }, function(ret, err) {
 7             if (ret) {
 8                 //alert(JSON.stringify(ret));
 9                 ele_.src = ret.url;
10                 //alert(ret.url);
11                 $api.attr(ele_, 'data-url', '');
12             } else {
13                 //alert(JSON.stringify(err));
14                 }
15             });
16         }
17     }


     

转载于:https://www.cnblogs.com/wuhailong/p/6595300.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值