Javascript 使用canvas压缩图片
来源:互联网 发布:夏季联赛数据 编辑:程序博客网 时间:2024/05/16 03:44
<input class="upload-input" type="file" capture="camera" accept="image/*" id="cameraInput0" name="cameraInput" /><img id="resultImage" src="" alt=""/><canvas id="canvas0""></canvas>
img.onchage = function(files){ files=files.files; for (var i = 0; i < files.length; i++) { var file = files[i]; var reader = new FileReader(); reader.onload = function (e) { var reImg = document.getElementById("resultImage"); reImg.src = this.result; var quality = 50; var imgCom = compress(reImg,quality); reImg.src = imgCom.src; }; reader.readAsDataURL(file); }}
function compress(source_img_obj, quality, output_format){ var mime_type = "image/jpeg"; if(output_format!=undefined && output_format=="png"){ mime_type = "image/png"; } var cvs = document.createElement('canvas'); //naturalWidth真实图片的宽度 cvs.width = source_img_obj.naturalWidth; cvs.height = source_img_obj.naturalHeight; var ctx = cvs.getContext("2d");// ctx.drawImage(source_img_obj, 0, 0); var newImageData = cvs.toDataURL(mime_type, quality/100); var result_image_obj = new Image(); result_image_obj.src = newImageData; return result_image_obj; }
0 0
- Javascript 使用canvas压缩图片
- 使用canvas压缩图片
- 使用Canvas来压缩图片
- 使用canvas实现图片压缩
- 使用canvas实现图片压缩
- 【图片压缩】使用canvas,html5进行图片压缩
- 使用canvas实现图片压缩上传
- html canvas压缩图片
- canvas压缩图片
- canvas图片体积压缩
- canvas实现图片压缩
- html5 canvas 图片压缩
- HTML5利用Canvas压缩图片
- YJKJ上传图片canvas压缩
- ImageCompression利用canvas压缩图片
- 图片上传:FileReader获取,Canvas压缩图片
- 图片压缩的JAVAScript
- JavaScript图片压缩上传
- java_web初学笔记之<Tomcat服务器的简单配置>
- webview范例
- Netty系列之Netty高性能之道
- Java 二叉树排序
- 我的数组类
- Javascript 使用canvas压缩图片
- 求解变态组合数C(n,m)的几种方法
- 第六周项目一—深复制体验(1)
- jquery 对象级插件开发框架
- shell script 追踪与调试
- Android SDK快速下载(转载)
- load图片生成
- 枚举&注解
- 文本框 Text