在vue js，元素ui上传组件中上传之前调整大小/压缩图像

【问题标题】：Resize/Compress image before uplaod in vue js, element ui upload component在vue js，元素ui上传组件中上传之前调整大小/压缩图像
【发布时间】：2020-09-02 14:17:06
【问题描述】：

我有一个应用程序，我想在上传到 Vue js 应用程序之前对图像进行预处理。我在前端使用元素 UI。

https://element.eleme.io/#/en-US/component/upload#upload

【问题讨论】：

你的意思是压缩图片大小？
是的，我的意思是按百分比减小图像大小/质量。

标签： file-upload vuejs2 element-ui

【解决方案1】：

您可以从@bosnaufal 尝试此代码。这段代码可以压缩图片大小。

你可以通过 NPM 安装它

npm install vue-image-compressor

导入模块

import imageCompressor from 'vue-image-compressor'

用法

export default { components: { imageCompressor }, methods: { getFiles(obj){ console.log(obj); } } };

官方可以看到这个链接-https://github.com/BosNaufal/vue-image-compressor#vue-image-compressor

【讨论】：

有什么办法，我想使用同一个组件，但我想在上传前进行预处理。但是，为了解决问题，我使用了运行良好的 vue 文件池组件。
@MohsinAli 您使用什么组件进行预处理？