2010-09-10 8 views
7

Мне нужно создать компонент, используя html5 canvas, который дал изображение, которое пользователь может нарисовать на нем и напрямую (через кнопку сохранения), загрузить его настроенную версию на сервере.HTML5 сохранить холст в файл на сервере

Могу ли я использовать холст html для этого? Любое предложение?

ТНХ заранее

ответ

6

Вы можете получить изображение в виде данных-URL, как это:

var dataUrl = document.getElementById('your-canvas').toDataURL(); 

Вы могли бы отправить это (очень длинную строку) на сервер и сохранить его в файл после декодирует его (кодируется в base64).

EDIT: Не забудьте отправить это через POST, как предложено в комментариях. GET имеет некоторые ограничения по длине в разных браузерах, поэтому его вероятность превысит эти пределы с таким огромным количеством данных.

+4

Не забудьте использовать 'POST' как метод Ajax. GET может сломаться из-за его размера. –

+0

Спасибо за ваше дополнение! – jwueller

+0

Этот метод не работает с Chrome. –

Смежные вопросы