js压缩图片base64长度
2016-12-07 10:09
302 查看
var myCanvas=$('.img-container > img').cropper('getCroppedCanvas'); (function (base64){ var image = new Image(),newBase64,MAX_HEIGHT = 160; image.onload = function(){ var canvas = document.getElementById("myCanvas"); if(image.height > MAX_HEIGHT) { image.width *= MAX_HEIGHT / image.height; image.height = MAX_HEIGHT; } var ctx = canvas.getContext("2d"); ctx.clearRect(0, 0, canvas.width, canvas.height); canvas.width = image.width; canvas.height = image.height; ctx.drawImage(image, 0, 0, image.width, image.height); newBase64=canvas.toDataURL('image/jpeg',0.4); //上传base64编码 $.ajax({ type: "post", url: '地址', data: { }, success: function (msg) { 42 }, error: function (msg) { tips.error('上传图片服务出错,请稍候再试。') } }); console.log('base64Size',newBase64.length/1024);50 }; image.src = base64; })(myCanvas.toDataURL('image/jpeg'));
相关文章推荐
- js压缩上传图片base64长度
- js压缩上传的图片,并转化为base64字符串传输
- js 图片压缩 转成base64
- HTML5 JS 压缩图片,并取得图片的BASE64编码上传
- js本地压缩图片,上传base64给后台,再给七牛
- JS对图片进行base64压缩以及图片的EXIF-Orientation信息
- JS实现图片base64转blob对象,压缩图片,预览图片,图片旋转到正确角度
- JS前端上传图片、压缩、并且处理旋转问题,生成base64数据
- (c#.net)前端js图片压缩将得到的base64字符串保存为图片
- js图片转base64并压缩
- js上传照片,预览,压缩后base64编码发送后台,及将后台返回的base64图片显示到HTML
- gulp对css、js、img的压缩和css图片的base64
- JS前端上传图片、压缩、并且处理旋转问题,生成base64数据
- HTML5 JS压缩图片并获取图片BASE64编码上传
- js图片转base64编码压缩上传
- js图片转base64并压缩
- js 显示base64编码的二进制流网页图片
- 使用HTML5的两个api,前端js完成图片压缩
- js 显示base64编码的二进制流网页图片
- 处理页面加载图片js(等比例压缩图片)