img 标签 formData

`<img>`标签是用于在HTML文档中插入图像的标记。要将图像文件上传到服务器，可以使用`<input>`标记和`type="file"`属性创建一个文件上传表单。然后，使用JavaScript中的FormData对象来捕获表单数据，并将其作为HTTP请求的正文发送到服务器。

以下是一个基本的示例，演示如何使用FormData对象上传图像文件：

HTML代码：

<form id="myForm">
  <input type="file" name="myImage">
  <button type="submit">Upload</button>
</form>

JavaScript代码：

const form = document.getElementById("myForm");
const formData = new FormData(form);

fetch("upload.php", {
  method: "POST",
  body: formData
})
.then(response => {
  console.log(response);
})
.catch(error => {
  console.error(error);
});

在上面的代码中，我们首先获取了表单元素和FormData对象。当用户选择要上传的图像文件并提交表单时，我们使用JavaScript的fetch API将表单数据作为HTTP请求的正文发送到服务器上的`upload.php`脚本。在这个例子中，我们只是在控制台中记录了响应，但可以根据需要执行其他操作。