javascript - HTML5 save canvas to file on server - Stack Overflow

admin管理员组

文章数量:1394778

i need to create a ponent using html5 canvas that given an image the user can paint on it and directly (via a kind of save button) upload it's customized version on the server.

Can i use html canvas for it ? Any suggestion ?

thx in advance

i need to create a ponent using html5 canvas that given an image the user can paint on it and directly (via a kind of save button) upload it's customized version on the server.

Can i use html canvas for it ? Any suggestion ?

thx in advance

• javascript
• html
• canvas

Share Improve this question Follow asked Sep 10, 2010 at 11:49 GiulianoGroGiulianoGro 7111 silver badge22 bronze badges 1

• Related: Draw image on canvas from image data stored in database – ggorlen Commented Dec 4, 2023 at 19:37

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

You can get the image as data-url like this:

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

You could then send this (very long string) to the server and save it to a file after decoding it (it is encoded in base64).

EDIT: Remember to submit this via POST, as suggested in the ments. GET has some length-limits in various browsers, so its likely to exceed those limits with such a huge amout of data.

Note that this is currently dead-on-arrival for Android (up to and including 2.3). Please star this issue - http://code.google./p/android/issues/detail?id=7901

本文标签： javascriptHTML5 save canvas to file on serverStack Overflow