客户端图像调整大小并保存答案

【问题标题】：Client side image resize and save客户端图像调整大小并保存
【发布时间】：2012-04-27 11:21:21
【问题描述】：

有没有办法通过网络浏览器客户端调整图像大小并将其保存到临时文件？

我想要完成的是将图像大小调整为最大 1024 像素宽/高，将其保存在本地，然后将调整大小的图像上传到服务器。

原因是我正在构建一个在线应用程序，允许用户上传最多 6 张高分辨率图像，每张最大 4mb。然后在服务器上我将大小调整为 1024px 宽/高，实际上只有 200kb 左右。上传 4mb 只是为了调整为更小的文件大小有点浪费，所以我希望有一种方法可以调整大小，在上传之前保存一个临时文件客户端。

任何帮助表示赞赏。

【问题讨论】：

据我所知，你不能。最好改用服务器。
你可以，但它需要的不仅仅是服务器端。您将不得不单独使用 JQuery (Ajax)、flash 等行。你最好在服务器端做。这是一行简单的代码，但我明白你的意思。
是的，唯一的问题是客户端测试一直失败，因为图像太大而且他的互联网连接很慢。我正在使用带有顺序上传的 Blueimp 图像上传器，但我在单个页面上有多个上传器实例，并且顺序功能仅适用于每个实例，而不适用于多个实例。

【解决方案1】：

你可以使用 HTML5，我想...去这里HTML5 canvas(crop image)

【讨论】：

【解决方案2】：

您首先需要在上传之前获取上传图片 - 这可以通过 input[type=file] 元素的 HTML5 files 属性来实现。

如果这样做了，您将需要修改图像数据以使用 JS/HTML5 调整大小 - 不知道这是如何工作的。

您可以使用 XHR 上传修改后的图像。

【讨论】：