將畫布圖像從 JavaScript POST 到 RESTful Web 服務

Question

我目前正在實現一個工具，它需要從 HTML JavaScript 保存畫布圖像並使用 JSON 將畫布圖像上傳到 RESTful Web 服務。

我被困在如何使用 JSON 將畫布圖像上傳到 Web 服務以及如何使用 Java 實現將畫布圖像檢索到 Web 服務端的代碼。

Answer 1

我前段時間這樣做是為了存儲畫布渲染圖片的縮略圖。 基本上畫布對象有toDataURL()方法，我稱之為 toDataURL("image/png") ，並將其存儲在表單中的隱藏字段中，但您也可以直接使用 ajax 調用發送它。

然后基本上我將這種格式的圖像保存在 db 中，但是您可以將其存儲在硬盤驅動器上，從長遠來看可能更可持續。 縮略圖檢索的示例 ruby​​/rails 實現：

def thumbnail
  render :status => 200,
         :content_type => 'image/png',
         :text =>  Base64.decode64(
           thumbnail["data:image/png;base64,".length .. thumbnail.length]
         ) # there is extra "data:image/png;base64," at the start
end