APICloud学习笔记之图片缓存
2017-03-21 16:58
141 查看
1.H5标签
2.Js代码
<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 }
相关文章推荐
- APICloud学习笔记之图片缓存
- android图片的异步加载和双缓存学习笔记——DisplayImageOptions
- Android 实现图片缓存异步加载框架学习笔记
- 微信开发学习笔记(一):前端图片缓存问题
- 图片缓存LruCache 高效加载图片 学习笔记 + 开源项目:DiskLruCache
- android图片的异步加载和双缓存学习笔记——DisplayImageOptions (转)
- Android之okHttpClient+handler+LruCache缓存网络图片学习笔记(通用MVP模式)
- APICloud学习笔记之设置图片居中
- android图片的异步加载和双缓存学习笔记——DisplayImageOptions
- Androidx学习笔记(30)--- 图片下载器加入缓存图片的功能
- 图片的异步加载和双缓存学习笔记——ImageLoaderConfiguration
- 图片的异步加载和双缓存学习笔记——DisplayImageOptions
- android图片的异步加载和双缓存学习笔记——DisplayImageOptions
- 图片的异步加载和双缓存学习笔记——ImageLoader
- Android异步载入学习笔记之四:利用缓存优化网络载入图片及ListView载入优化
- Android异步加载学习笔记之四:利用缓存优化网络加载图片及ListView加载优化
- 图片的异步加载和双缓存学习笔记——ImageLoaderConfiguration
- 图片的异步加载和双缓存学习笔记——HomeActivity
- android图片的异步加载和双缓存学习笔记——DisplayImageOptions
- Android网络图片加载缓存处理库的使用---第三方库学习笔记(五)