Ajax - HTML5 Canvas

Question

我從來沒有使用Ajax，我想我正在努力與這個想法，以及它如何工作。

我想要做什麼：

我想提請所有在我的畫布，並點擊保存。保存會將dataURL發送到mySQL數據庫。

聽到的是我讀過： 這是不可能沒有Ajax

我找到了什麼： 沒有什麼讓我明白這是如何使用Ajax工作。

拉dataURL（畫布上繪製的信息）我目前正試圖用Signature-Pad實驗室試圖做我想做的事情

如果有人能幫助我走出這將是大加讚賞。無論它是如何工作的Ajax代碼，以及如何工作的想法，或任何相關的鏈接。

此外，我使用PHP和Javascript。

Answer 1

請檢查此鏈接。

http://www.permadi.com/blog/2010/10/html5-saving-canvas-image-data-using-php-and-ajax/

Answer 2

採用了隱藏式<input>元素在頁面上創建一個<form action="post">。當您想要上傳圖像時，請致電canvas.toDataURL()，這將返回格式爲data:image/png;base64,…的一串圖像數據。然後將隱藏輸入的值設置爲該字符串並提交表單。在服務器端，將data:標題和Base64 decode字符串的其餘部分去掉，然後像保存其他任何圖像數據（例如文件）一樣保存該字符串。