如何使用electron-vue框架实现高效图片压缩功能？

本文共计717个文字，预计阅读时间需要3分钟。

最近用electron-vue（Electron+Chromium和Node.js）开发了一个图片压缩的小软件，平时工作还是需要用到，支持常用的图片格式。可以设置压缩参数。

最近用electron-vue（Electron ：基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用）撸了一个图片压缩的小软件,平时工作还是需要用得到的，支持常用的图片格式；

可以设置压缩比例

1、支持设置固定宽高

2、支持固定宽或高（按原图比例缩小）

3、支持等比例缩小

具体操作如下：

1、前端把图片的路径和保存压缩后的路径传给后端，这个通过electron事件通讯就可以了

调用的是ipcRenderer.send事件，传入一个事件名，后端用ipcRenderer.on接收即可，

这里需要注意一下，我们使用ipcRenderer.once接收一次就可以，避免重复接收消息。