ImagesQuicklyCompress-图片压缩插件

简介: 一款针对javascript开发的图片压缩插件

废话不多说,直接上代码

import ImagesQuicklyCompress from "images-quickly-compress";
const imageCompress = new ImagesQuicklyCompress({
  mode: "pixel", //根据固定宽度压缩
  num: 1e6,
  size: "2000kb", //图片大小超过500k压缩率比较低b执行压缩
  imageType: "image/png", // jpeg格式会导致png转jpeg带上黑色的背景
  quality: 0.8,
  orientation: false
});
imageCompress.compressor([option.file]).then(res => {
  // console.log("压缩结果:", res); //返回一个blod数组
  const blobArr = res;
  blobArr.forEach(blod => {
    const params = new FormData();
    params.append("file", blod);
    params.append("fileName", option.file.name);
    getUpload(this.type, params)
      .then(res => {
        this.imgUpdata = res[0];
        option.onSuccess();
      })
      .catch(() => {
        option.onError();
      });
  });
});
目录
相关文章
|
10月前
|
移动开发 前端开发 JavaScript
js实现图片压缩上传
最近在研究H5前端图片处理相关技术,方向有图片压缩、裁切、旋转、模糊等。
149 0
|
5月前
|
Android开发 计算机视觉 iOS开发
Flutter图片压缩库对比
Flutter图片压缩库对比 在Flutter应用程序开发中,图片压缩是一个非常重要的话题。在本文中,我们将比较一些常用的Flutter图片压缩库,以便您可以选择适合您应用程序的最佳选项。
|
6月前
图片压缩后,依然很大的解决方案
图片压缩后,依然很大的解决方案
49 0
uniapp之图片压缩
传入图片地址,返回图片base64内容
483 0
|
移动开发 前端开发 开发工具
H5图片压缩与上传
H5图片压缩与上传
245 0
H5图片压缩与上传
|
算法 Android开发
聊聊图片压缩的优化
聊聊图片压缩的优化
210 0
聊聊图片压缩的优化
|
JavaScript 前端开发
JS压缩图片,在线图片压缩,Cavas压缩图片
1. 选择一张图片 const img_original = document.getElementById('img_original'); const img_output = document.
2697 0
|
测试技术 Android开发
【Android 安装包优化】WebP 图片格式性能测试 ( 测试 WebP 图片解码速度 | 测试 WebP 图片编码速度 )
【Android 安装包优化】WebP 图片格式性能测试 ( 测试 WebP 图片解码速度 | 测试 WebP 图片编码速度 )
353 0
【Android 安装包优化】WebP 图片格式性能测试 ( 测试 WebP 图片解码速度 | 测试 WebP 图片编码速度 )
|
API Android开发
【Android 内存优化】图片文件压缩 ( Android 原生 API 提供的图片压缩功能能 | 图片质量压缩 | 图片尺寸压缩 )
【Android 内存优化】图片文件压缩 ( Android 原生 API 提供的图片压缩功能能 | 图片质量压缩 | 图片尺寸压缩 )
209 0
|
前端开发 JavaScript
JS—图片压缩上传(单张)
*vue+webpack环境,这里的that指到vue实例 <input type="file" name="file" accept="image/*" @change="selectImgs" ref="file"...
2501 0