mui js 处理图片加载过慢问题

最近新做的一个项目时图片加载过多，就用到了以下的这个方法，原理就是把图片下载到手机中，下次读取时读取手机文件，不读取网络图片，注意：因为此方法是属于下载图片所以需要对上传的图片进行压缩处理，否则会导致用户流量大量流失。

Html += '<img class="mui-media-object text-img" src="../images/load.gif" data-src="' + serverip + data[i].picpath + '" onload="lazyload(this)" >';
document.getElementById('xxx').innerHTML = Html;
//这里把图片的url填入data-src中,并且加上onload="lazyload(this)"即可,建议可以把src中填入一个gif加载图片

//懒加载图片
				function lazyload(obj, callback) {
					var debug = false; // 默认打印调试日志
					if(obj.getAttribute('data-loaded')) {
						return;
					}

					var image_url = obj.getAttribute('data-src');
					debug && console.log(image_url);

					// 1. 转换网络图片地址为本地缓存图片路径，判断该图片是否存在本地缓存
					// http://...jpg -> md5
					// 缓存目录 _downloads/image/(md5).jpg
					var image_md5 = md5(image_url);
					var local_image_url = '_downloads/image/' + image_md5 + '.jpg'; // 缓存本地图片url
					var absolute_image_path = plus.io.convertLocalFileSystemURL(local_image_url); // 平台绝对路径（手机文件的路径）

					// new temp_img 用于判断图片文件是否存在
					var temp_img = new Image();
					temp_img.src = absolute_image_path;
					//因为第一次加载图片时并不存在图片，则会进行onerror
					temp_img.onload = function() {
						debug && console.log('存在本地缓存图片文件' + local_image_url + '，直接显示');

						// 1.1 存在，则直接显示（本地已缓存，不需要淡入动画）
						obj.setAttribute('src', absolute_image_path);
						obj.setAttribute('data-loaded', true);
						callback && callback();

						return;
					}
					temp_img.onerror = function() {
						debug && console.log('不存在本地缓存图片文件');

						// 1.2 不存在则进行加载图片
						var img = new Image();
						img.src = image_url; // 传过来的图片路径在这里用
						img.onload = function() {
							var that = this;

							obj.setAttribute('src', image_url);
							obj.setAttribute('data-loaded', true);
							// obj.classList.add('img-animation');
							callback && callback();

							// 1.3 下载图片缓存到本地
							debug && console.log('开始下载图片' + image_url + ' 缓存到本地: ' + local_image_url);

							var download_task = plus.downloader.createDownload(image_url, {
								filename: local_image_url // filename:下载任务在本地保存的文件路径
							}, function(download, status) {
								if(status != 200) {
									// 下载失败,删除本地临时文件
									debug && console.log('下载失败,status' + status);
									if(local_image_url != null) {
										plus.io.resolveLocalFileSystemURL(local_image_url, function(entry) {
											entry.remove(function(entry) {
												debug && console.log("临时文件删除成功" + local_image_url);
											}, function(e) {
												debug && console.log("临时文件删除失败" + local_image_url);
											});
										});
									}
								}
							});
							//开始下载
							download_task.start();
						}
					}

				}