Как создать и отправить текстовый файл через XmlHttpRequest или $ .ajax?

Question

Сервер ожидает файл html или txt из формы с именем: "websitetopdf". Файл создается динамически на javascript клиента и должен работать только в Chrome.

Это форма, которая должна быть его отправкой:

<form action="send.php" method="post" enctype="multipart/form-data" name="websitetopdf" id="websitetopdf"> 
<input name="localfile" type="file" id="localfile" size="58"> 
<input name="filetype" type="hidden" id="filetype" value="IMG"> 
<input name="source" type="hidden" id="source" value="SOFT"> 
<input name="converternow" type="submit" id="converternow" style="width: 130px; font-weight: bold;" value="Convert to Image"> 
</form> 

Я хочу, чтобы отправить непосредственно в файл send.php, я попытался это:

$("#sender").on("click", function(e) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open("POST", "http://.../send.php", true); 
    xhr.onreadystatechange = function() { 
     if (xhr.readyState == 4) console.log(xhr.responseText); 
    }; 
    xhr.onload = function(e) { 
     if (xhr.status == 200) console.log("uploaded"); //(correctly uploaded) 
     else console.log("Error " + e.status + " occurred uploading your file.<br \/>"); 
    }; 
    var blob = new Blob(['abc123'], {type: 'text/plain'}); 

    var formData = new FormData(); 
    formData.append("localfile", blob); 
    formData.append("filetype", "IMG"); 
    formData.append("source", "SOFT"); 
    xhr.send(formData); 
}); 

Я всегда получаю "это недопустимый файл "с сервера

Answer 1

Он начал работать, когда я добавил имя файла для blob в объекте FormData objec t:

formData.append("localfile", blob, "filename.txt");