How to append an image from URL to a FormData - Javascript

时间:2016-05-15 18:08:18

标签: javascript form-data

This is my little javascript code:

<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>

I don't know how to append the URL to the formData.

1 个答案:

答案 0 :(得分:2)

你可以执行两个XMLHttpRequest() s;首先GETBlob设置为responseType,然后将"blob"设置为Blob;然后在FormData

追加POSTvar 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(); 的回复
{{1}}