Saving a canvas image to server using only Javascript

Question

I know the way to do this with PHP but does anyone know a way of doing it only with JS & HTML?

The canvas image should be saved to a server, not locally.

There's no way, unless your server execute JavaScript, you've tagged this with [php], though. — Teemu
– Teemu, Commented Sep 27, 2017 at 10:30
But, what are you gonna use backend for actually saving the image server-side.... if you only use JS / HTML you have no server access. Unless you consider node.js under your pretense — Dellirium
– Dellirium, Commented Sep 27, 2017 at 10:31

miki · Accepted Answer · 2017-09-27 10:46:48Z

2

For JS in the browser security context, is not allowed to write to the user's file system Or to the server file system.

You must have a server side service that will intercept the file and than save it to the system.

to achieve it using JS only, you need to use node.js as server side

answered Sep 27, 2017 at 10:46

miki

214 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

What is node.js? Do you have any good links i can read about it?

santho · Accepted Answer · 2017-09-27 10:32:46Z

1

Try this:

var canvas=document.getElementById("mycanvas");
var data=canvas.toDataURL("image/png");

Send the data to php in an ajax call

answered Sep 27, 2017 at 10:32

santho

3862 silver badges16 bronze badges