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

时间:2012-04-16 04:55:26

标签: php javascript jquery

有没有办法通过Web浏览器客户端调整图像并将其保存到临时文件?

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

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

任何帮助表示感谢。

2 个答案:

答案 0 :(得分:0)

您可以使用HTML5,我认为......在这里转转HTML5 canvas(crop image)

答案 1 :(得分:0)

您首先需要在上传之前获取上传图片 - 这可能是输入[type = file]元素的HTML5文件属性。

如果这样做,你需要修改图像数据以便与JS / HTML5重新混合 - 不知道它是如何工作的。

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