js实现图片压缩上传

javascript 处理图片压缩、剪切、模糊和上传
一：js脚本实现图片压缩 - CompressImageUtiles

特点：
1 体积小，4kb；
2 支持blob格式上传和base64格式上传

1. // html
2. <input type="file" id="input-img">
3. 
4. //引入脚本
5. <script src="./CompressImageUtiles.js"></script>
6. 
7. 
8. <script>
9. /**
10.  * 支持blob格式上传和base64格式上传
11.  * */ 
12.     let inputDom = document.querySelector('#input-img')
13.     inputDom.onchange = function(){
14.         const fileObj = inputDom.files[0];
15.         _compressAndUploadFile(fileObj);
16.     }
17. function _compressAndUploadFile(file){
18.         compressImage(file).then(resultObj => {
19.             let {canvas,blob,base64,fileName,oSize} = resultObj
20. if (blob.size > oSize){
21.                 that._uploadFile(file, fileName);
22.             } else {
23. //压缩后比原来小，上传压缩后的
24.                 _uploadFile(blob, fileName)
25.             }
26. // 下载
27.             downloadImgFromBlob(blob,fileName)
28.         })
29.     }
30. //上传
31. function _uploadFile(file){
32.         let params = new FormData();
33.         params.append("file", file);
34.     }

demo地址：https://github.com/zhangfeng001/compressUtls-demo
ssh:git@github.com:zhangfeng001/compressUtls-demo.git