html 5画像を圧縮してアップロード
4310 ワード
携帯電話の端のピクチャーはとても大きくて、アップロードする時とても遅くて、この時圧縮して、1つのオープンソースの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");
});
}
});
}