html5压缩图片并上传
2015-08-28 18:26
561 查看
手机端图片有很大的,上传的时候很慢,这时候就要压缩一下了,有一个开源的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"); }); } }); }
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- 原生js结合html5制作小飞龙的简易跳球
- 三个不常见的 HTML5 实用新特性简介
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+HTML5的Canvas实现Lab单车动画效果
- javascript+html5实现绘制圆环的方法
- HTML5实现微信拍摄上传照片功能
- jQuery+HTML5加入购物车代码分享
- 实现音乐播放器的代码(html5+css3+jquery)
- 2014 HTML5/CSS3热门动画特效TOP10
- jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
- HTML5使用DeviceOrientation实现摇一摇功能
- jquery+html5烂漫爱心表白动画代码分享
- spring+html5实现安全传输随机数字密码键盘
- html5在android中的使用问题及技巧解读
- 非html5实现js版弹球游戏示例代码
- html5 canvas js(数字时钟)实例代码
- js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS