如何上傳字符串作爲文件與jQuery或其他js框架

Question

使用JavaScript，我有一個字符串文件（與Ajax請求得到）。

如何通過另一個Ajax請求上傳的文件服務器？

Answer 1

您需要將Content-type請求頭設置爲multipart/form-data和玩的純醇」的JavaScript（TM）格式的一點，I wrote this但你可以很容易地返工爲圖書館：

編輯：有我咖啡了，所以修改了它的jQuery（無庫版本here）：

// Define a boundary, I stole this from IE but you can use any string AFAIK 
var boundary = "---------------------------7da24f2e50046"; 
var body = '--' + boundary + '\r\n' 
     // Parameter name is "file" and local filename is "temp.txt" 
     + 'Content-Disposition: form-data; name="file";' 
     + 'filename="temp.txt"\r\n' 
     // Add the file's mime-type 
     + 'Content-type: plain/text\r\n\r\n' 
     // Add your data: 
     + data + '\r\n' 
     + '--'+ boundary + '--'; 

$.ajax({ 
    contentType: "multipart/form-data; boundary="+boundary, 
    data: body, 
    type: "POST", 
    url: "http://asite.com/apage.php", 
    success: function (data, status) { 
    } 
}); 

Answer 2

這裏是如何做到這一點，而無需手動建立多部分請求主體：

var s = 'some string data'; 
var filename = 'foobar.txt'; 

var formData = new FormData(); 
formData.append('file', new File([new Blob([s])], filename)); 
formData.append('another-form-field', 'some value'); 

$.ajax({ 
    url: '/upload', 
    data: formData, 
    processData: false, 
    contentType: false, 
    type: 'POST', 
    success: function() { 
     console.log('ok'); 
    }, 
    error: function() { 
     console.log('err'); // replace with proper error handling 
    } 
});