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

是否有一种方法可以通过Web浏览器客户端调整图像大小并保存到临时文件？客户端图像调整大小并保存

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

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

任何帮助表示赞赏。

2012-04-16 puks1978

据我所知，你不能。相反，更好地使用服务器。 – Joseph 2012-04-16 04:58:03

你可以，但它比服务器端需要更多。你将不得不单独使用JQuery（Ajax），flash等行。你最好在服务器端做。这是一段简单的代码，但我知道你在哪里。 – Homework 2012-04-16 05:14:04

是的，唯一的问题是客户端测试失败，因为图像太大，他的互联网连接速度很慢。我正在使用Blueimp图片上传器进行顺序上传，但我在单个页面上有多个上传器实例，而顺序功能只能在每个实例中使用，而不能跨越多个实例。 – puks1978 2012-04-16 05:23:15

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

2012-04-16 05:05:33

你需要的第一个是让上传图片上传它之前 - 那是可能的HTML5文件的输入的特性[type = file]元件。

如果这样做，你会需要修改图像数据用JS/HTML5 rezising - 不知道如何工作。

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

2012-04-16 05:12:45

回答