仅使用 Javascript 将画布图像保存到服务器

Posted 2023-05-07

【中文标题】仅使用 Javascript 将画布图像保存到服务器

【英文标题】：Saving a canvas image to server using only Javascript

【发布时间】：2017-09-27 10:27:53

【问题描述】：

我知道用 php 做这件事的方法，但有人知道只用 JS 和 html 做这件事的方法吗？

画布图像应保存到服务器，而不是本地。

【问题讨论】：

在 Ajax 调用中将画布的数据发送到 PHP。

没有办法，除非你的服务器执行 javascript，否则你已经用 [php] 标记了它。

但是，你将使用后端来实际保存图像服务器端......如果你只使用 JS / HTML 你没有服务器访问权限。除非你假装考虑 node.js

【参考方案1】：

对于浏览器安全上下文中的JS，不允许写入用户的文件系统或服务器文件系统。

您必须有一个服务器端服务来拦截文件并将其保存到系统中。

仅使用JS实现，需要使用node.js作为服务端

【讨论】：

什么是node.js？你有什么好的链接我可以读到吗？

【参考方案2】：

试试这个：

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

在 ajax 调用中将数据发送到 php