如何将URL中的图像附加到FormData-Javascript

这是我的小javascript代码：

<script>

var formData = new FormData();

URL = "view.php?fetchImageById=1";

formData.append("imageFile", ....);

formData.append("author","user");
formData.append("description","image");

x=new XMLHttpRequest();
x.open("POST","upload.php",true);
x.setRequestHeader("Content-type", "multipart/form-data");
x.setRequestHeader("Content-Length",formData.length);
x.send(formData);
</script>

var formData=new formData（）；
URL=“view.php？fetchImageById=1”；
formData.append（“imageFile”、…）；
formData.append（“作者”、“用户”）；
formData.append（“描述”、“图像”）；
x=新的XMLHttpRequest（）；
x、 打开（“POST”，“upload.php”，true）；
x、 setRequestHeader（“内容类型”、“多部分/表单数据”）；
x、 setRequestHeader（“内容长度”，formData.Length）；
x、 发送（formData）；

---

我不知道如何将URL附加到formData。

您可以执行两个

XMLHttpRequest（）

s；首先

通过将
responseType
设置为
“Blob”
，以
Blob
的形式获取请求图像；然后将
Blob
响应追加到
FormData
的
POST

var formData = new FormData();   
URL = "view.php?fetchImageById=1";    
var x;

var request = new XMLHttpRequest();
request.responseType = "blob";
request.onload = function() {
  formData.append("imageFile", request.response);
  formData.append("author","user");
  formData.append("description","image");
  x = new XMLHttpRequest();
  x.open("POST","upload.php",true);
  x.setRequestHeader("Content-type", "multipart/form-data");
  x.setRequestHeader("Content-Length", formData.length);
  x.send(formData);
}
request.open("GET", URL);
request.send();

与附加其他内容的方式相同…（尽管我怀疑您实际上不是指“将URL附加到formData”）。请确保不要在请求体中使用JSON.stringify