Ajax - HTML5 Canvas

Question

Я никогда раньше не использовал ajax, и мне кажется, я борюсь с идеей и с тем, как она работает.

Что я хочу сделать:

Я хочу рисовать на всем протяжении своегохолст и нажмите сохранить.Сохранение отправит dataURL в мою базу данных MySQL.

Слушайте, я прочитал: это невозможно без Ajax

Что я нашел: Ничто, чтобы я не понял, как это может работатьс Ajax.

Чтобы извлечь dataURL (информация, нарисованная на холсте), я сейчас пытаюсь использовать лабораторию Signature-Pad , чтобы попытаться сделать то, что я хочу

Если кто-нибудь мне поможет, это будет очень цениться.Будь то рабочий код ajax о том, как это может работать, и идея о том, как это может работать, или что-нибудь относительное, ссылки.

Кроме того, я использую PHP и Javascript.

Answer 1

Создайте <form action="post"> на странице со скрытым элементом <input>. Если вы хотите загрузить изображение, вызовите canvas.toDataURL(), который вернет строку данных изображения в формате data:image/png;base64,…. Затем установите значение скрытого ввода для этой строки и отправьте форму. На стороне сервера удалите заголовок data: и Base64 декодируйте оставшуюся часть строки, затем сохраните эту строку, как если бы вы использовали любые другие данные изображения (например, в файл).

Answer 2

Пожалуйста, проверьте эту ссылку.

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