Save a <canvas> as a file in a form

Posted by Pierre on Stack Overflow See other posts from Stack Overflow or by Pierre
Published on 2010-05-11T04:08:13Z Indexed on 2010/05/11 4:14 UTC
Read the original article Hit count: 312

Filed under:

canvas

|

file-upload

|

form

Using Canvas method toDataURL, I would like to be able to save the image on the server side (using Rails).

With toDataURL string, how to use it in a form that can be seen as a file attachment in a HTML form ?

© Stack Overflow or respective owner

Related posts about canvas

Canvas context used but not updated on canvas

as seen on Stack Overflow - Search for 'Stack Overflow'
I am developing an small html5 game, where I have the following code: if(object.blocks){ var blocks = object.blocks, that = this; each(blocks,function(index){ that.blocks.push(new Block(this[index])); }); } I receive an object with some configuration and instantiate blocks… >>> More
Clearing canvas with Canvas.drawColor()

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm attempting to change the background image of a custom View with some success. The image will change but the problem is that I still see traces of the old image. When I attempt to clear the canvas before drawing the new image, it doesn't appear to work. I create a bitmap to store the image.… >>> More
HTML 5 Canvas - Dynamically include multiple images in canvas

as seen on Stack Overflow - Search for 'Stack Overflow'
I need to include multiple images in a canvas. I want to load them dynamically via a for-loop. I tried a lot but in the best case only the last image is displayed. I check this tread but I still get only the last image. For explanation, here's my latest code(basically the one from the other post): … >>> More
WPF Constrain the resize of a canvas' child object to the dimensions of the canvas

as seen on Stack Overflow - Search for 'Stack Overflow'
Given the following XAML: <Window x:Class="AdornerTesting.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Window1" Height="500" Width="500" Loaded="Window_Loaded"> <Grid… >>> More
place and show pixel in the Cartesian plane graph in JavaFX

as seen on Stack Overflow - Search for 'Stack Overflow'
I have this method to draw the Cartesian plane in JavaFX, using canvas and would like to know if it is possible to place or show the pixel: public class Grafics extends StackPane { private Canvas canvas; public void Grafics(){ GridPane grid = new GridPane(); … >>> More

Related posts about file-upload

Asynchronous file upload (AJAX file upload) using jsp and javascript

as seen on Stack Overflow - Search for 'Stack Overflow'
I am planning on having asynchronous file uploads. That is the file should be uploaded to a jsp or servlet and return something to the html/jsp page without reloading the original page. It should happen like an AJAX call. Is there any way to do it in AJAX or any other way to do it. >>> More
Bluimp file upload send data to the server on .fileupload

as seen on Stack Overflow - Search for 'Stack Overflow'
OK I've Googled...Googled and Googled again with no avail on how I can send data to the server like an ajax call's data option for the file upload: $('#file_upload').fileupload({ dataType: 'json', url: "@(Url.Action("UploadFiles", "ExcelUpload"))", // formData:… >>> More
how to show text on file- upload in html

as seen on Stack Overflow - Search for 'Stack Overflow'
i am not joking. i want to show "upload" text on a file upload button . i used file upload control in html i want to show a text "upload" on a button of a file upload control in html if i used value="upload" then he not worked. any other way to show text on a button of a file upload control >>> More
rich:fileupload inside rich:modalpanel doesnt send uploadcomplete event

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to use the rich:fileupload from inside a rich:modalpanel component. The problem is that, when inside modalpanel, fileupload doesn't doesnt start the fileuploadeventlistener method. The same fileupload component works fine outside of modalpanel. (Although it doesn't rerender the components… >>> More
File Upload multiple files in asp.net (similar to gmail)

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi Guys, I need suggestions with regards to the multiple file upload using File Upload control in asp.net(along with C#). I have a File Upload Control, so i click the 'Browse' button and when i select a file from the select file dialog, i want the file to be shown as a link below the File Upload… >>> More