在上传之前使用 JavaScript 调整客户端图像大小

在上传到服务器之前，在客户端调整图像大小具有多种优势。它可以减少服务器负载，加快页面渲染速度，并提供更好的用户体验。

客户端 JavaScript 图像大小调整可能吗？

是的，可以使用 JavaScript 调整客户端图像大小。有一些开源算法可以在不借助 Flash 的情况下调整大小。

客户端图像调整大小算法

GitHub 上提供了一种这样的算法：https： //gist.github.com/dcollien/312bce1270a5f511bf4a。它包括 ES6 和 vanilla JavaScript 版本，可以嵌入到任何 Web 应用程序中。

用法示例

要使用算法：

1. 将提供的 JavaScript 代码嵌入到您的网页中。
2. 定义文件选择的输入并指定用于显示调整大小的图像的图像标签。
3. 在输入的 onchange 事件侦听器中，调用算法提供的调整大小函数。指定所需的尺寸和回调函数。
4. 回调函数将接收调整大小的 blob 和指示调整大小是否成功的标志。
5. 使用返回的 blob 设置 blob 的 src 属性用于预览调整大小的图像的图像标签。

功能

• 支持 ES6 和 vanilla JavaScript。
• 自动检测浏览器功能并应用polyfills以获得最佳兼容性。
• 忽略动画GIF图像以保持其完整性。