如何使用JavaScript實時編輯圖像並將編輯後的圖像保存在服務器上？

Question

是否可以使用JavaScript庫編輯圖像，然後將編輯後的圖像發送到服務器進行保存。
編輯將是實時的，意味着用戶可以在編輯的同時看到編輯結果，而無需刷新頁面。

我想要一個JavaScript庫對網頁上的圖像進行一些編輯（例如裁剪，調整大小，旋轉...）併發送編輯後的結果到服務器。

如何做到這一點，或者是否有任何巧妙的解決方法。

Answer 1

提到的庫似乎不是完全跨瀏覽器。據我所知，沒有完全跨瀏覽器兼容的方式來編輯客戶端上的像素數據。

當前最好的方法是在服務器上執行這些操作。您仍然可以使用Web服務實時執行此操作。

作爲一個例子，請參閱TinyMCE中的圖像編輯器，它支持在沒有頁面刷新的情況下支持裁切，旋轉，調整大小，翻轉所有內容。

Answer 2

jcrop是你在找什麼。

Answer 3

Pixastic是一個圖像處理庫;一旦你修改了圖像，腳本的某種回傳/上傳呼叫將能夠上傳圖像，只要你已經實現了所需的功能即可。

Answer 4

一個不完整的列表可以肯定，但是這些是想到的兩個，它們允許您在客戶端執行各種編輯並將其推回到服務器。

• PIxastic
• AIE

並且有許多不完整的圖像編輯工具，簡單地裁剪或調整對比度。