Javascript 发送<；帆布>；使用JS将图像转换为PHP

我用网络摄像头拍了一些照片<代码>HTML如下所示：

<div class="camera">
<video id="video">Video stream not available.</video>
</div>

视频流不可用。

使用

显示拍摄的照片：

下面，我有一个带有保存按钮的

：

<form method="post">
<button name="savephoto">Save photo</button>
</form>

保存照片

这就是我在按下save photo按钮时签入PHP的方式：

if（isset（$\u POST['savephoto'））

---

现在，仅使用

JavaScript

，如何在

PHP

中获取照片（来自

canvas

）？

您应该查找canvas.toDataUrl（）

下面是一篇文章，展示了它的使用情况：

然后用一个字段将其添加到表单中，并用JS发布表单，在php端，您可以获取该字符串并将其添加到文件中

      var form = document.getElementById("formID");
      var hiddenField = document.createElement("input");
      hiddenField.setAttribute("name", "canvasImg");
      hiddenField.setAttribute("value", img);
      form.appendChild(hiddenField);
form.post();

在php文件中，您可以使用$\u POST['canvasImg']获取图像字符串

---

但在html中，您必须在submit属性中设置php文件。

查看主题。我想这对你有帮助！可能会有帮助。我得到的部分，我有帆布照片在JS。但是我不知道我开始在PHP中使用它的部分。如果你想让表单自动提交，你必须用JS来完成。所以您使用form.post（），但要发送字段的数据，必须指定一个包含图像代码的php文件。在这个文件中，您将图像作为一个字符串，带有$_POST['canvasImg']（类似于data:image/png；base64，r0lgodlhyaailm…DfD0QAADs=“）然后你必须处理它。我通常在一个文件中写入图像并处理该文件，但这取决于你想做什么。我在同一个文件中有

HTML

和

PHP

，这是一个问题吗？不，这是同一件事，只是看看如何检测你的表单何时提交来处理图像处理。（我不知道如何使用外部文件；））

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

      var form = document.getElementById("formID");
      var hiddenField = document.createElement("input");
      hiddenField.setAttribute("name", "canvasImg");
      hiddenField.setAttribute("value", img);
      form.appendChild(hiddenField);
form.post();