Wie ein Bild von URL zu einem Formdata anhängen - Javascript

Question

Das ist mein kleiner Javascript-Code ist:

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

Ich weiß nicht, wie die URL der Formulardaten anzuzuhängen.

Answer 1

Sie könnten zwei XMLHttpRequest() s durchführen; zuerst GET Anfrage Bild als Blob zuerst durch Einstellung responseType bis "blob"; anhängen dann Blob Antwort auf FormData bei 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();