手机端图片有很大的,上传的时候很慢,这时候就要压缩一下了,有一个开源的js可以压缩图片的大小,开源地址如下:https://github.com/think2011/localResizeIMG3
代码如下:
// 上传图片 function uploadFile(path) { var type = plus.storage.getItem("upload_goods_image"); //选择成功 $("#heisebg").removeClass("heisebg").addClass("heisebghid"); $("#waitingupload").removeClass("heisebghid").addClass("heisebg"); //https://github.com/think2011/localResizeIMG3 // 压缩图片 lrz(path, { width: 500, quality: 0.7, done: function (results) { $.ajax({ type: "POST", url: configManager.RequstUrl + "api/common/base64upload", async: true, data: { base64: results.base64, size: results.base64.length, dir: "goods" } }).done(function (data) { if (data.state != "success") { console.log(data.message); return; } var src = configManager.goodsImgurl.format(data.id, "") + '500-200'; if ("addspic" == type) { var sImageStr = "<img width='98%' onclick='javascript:$(this).remove();' class='spic' title='{0}' src='{1}'>"; $("#addspic").before(sImageStr.format(data.id, src)); } if ("addbpic" == type) { var bImageStr = "<img width='98%' id='bpic' title='{0}' src='{1}'/>"; $("#addbpic").html(bImageStr.format(data.id, src)); } $("#waitingupload").removeClass("heisebg").addClass("heisebghid"); try { myScroll.refresh(); } catch (err) { } }).fail(function () { plus.nativeUI.toast("上传失败!"); $("#waitingupload").removeClass("heisebg").addClass("heisebghid"); }); } }); }
作者:Tyler Ning
出处:http://www.cnblogs.com/tylerdonet/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过以下邮箱地址williamningdong@gmail.com
联系我,非常感谢。