仅使用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.

Answer 1

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

Answer 2

Try this:

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

Send the data to php in an ajax call