将canvas元素保存到文件

Question

如何将canvas元素发布为类型文件？

我在画布元素中有一个图像

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <handlers>
      <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModule" resourceType="Unspecified" />
    </handlers>
    <aspNetCore processPath=".\Web.exe" stdoutLogEnabled="false" stdoutLogFile=".\logs\stdout" />
  </system.webServer>
</configuration>
<!--ProjectGuid: 50547f5d-25a5-4720-9216-92d42583b679-->

如何以<canvas id="canvas" width="640" height="480"></canvas>

的形式将其发回服务器

建议的解决方案：

  

＆LT; input type = file＆gt;不提供任何类型的写访问 - 它是   只读：但是您可以使用'FormData'来模拟blob填充   JavaScript代码中的表单提交

来自upload and save screenshot taken from users webcam in django --canvas element to file

如何从<input type=file>获取输入元素并将其发布，替换  带有canvas元素中数据的form元素吗？

背景 我使用https://davidwalsh.name/browser-camera

中的代码捕获了图像

因为<form> 在某些浏览器上不起作用。但是david walsh发布的代码似乎可以在更多浏览器上运行。

大卫·沃尔什的代码：

<input type="file" accept="image/*" id="capture" capture="camera">