js图片压缩插件compressorjs

最新推荐文章于 2024-09-13 21:58:21 发布

竹子js

最新推荐文章于 2024-09-13 21:58:21 发布

阅读量3.8k

点赞数 2

分类专栏： js插件

本文链接：https://blog.csdn.net/bamboozjy/article/details/124499215

版权

javascript 前端

js插件专栏收录该内容

16 篇文章 1 订阅

订阅专栏

    //d.file是上传的原始文件数据
    let quality=1
      if(d.file.size<1000*1000){ //小于1M
        quality=0.8
      }else if(d.file.size<5000*1000){ //小于5M
        quality=0.5
      }else if(d.file.size<10000*1000){ //小于10M
        quality=0.3
      }else{ //大于10M
        quality=0.1
      }
      new Compressor(d.file, {
        quality: quality, //压缩比例0-1
        success:(result) => {
          // console.log(result);
          //blob转file,因为大文件会被转成blob类型
          result = new File([result], d.file.name, {type: d.file.type, lastModified: Date.now()});//blob转file
          var params = new FormData();
          params.append('file', result);
          this.$http
            .post("/appFile/fileUpload",params)
            .then((res) => {
              console.log(res);
            })
            .catch((err) => {
              console.error(err);
            });
        },
        error(err) {
          console.log(err.message);
        },
      });

参考compressorjs