客戶端圖像調整大小並保存

是否有一種方法可以通過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

回答