Cách tải lên chuỗi dưới dạng tệp với jQuery hoặc khung công tác js khác

Question

Sử dụng javascript, tôi có một tệp theo chuỗi (có yêu cầu ajax).

Làm cách nào để tải tệp đó lên tệp dưới dạng máy chủ bằng một yêu cầu ajax khác?

Answer 1

Bạn cần phải đặt tiêu đề Content-type yêu cầu multipart/form-data và chơi xung quanh với các định dạng một chút, I wrote this trong JavaScript Plain Ol'(tm) nhưng bạn có thể dễ dàng làm lại nó cho một thư viện:

EDIT: có tôi cà phê bây giờ, do biến đổi nó cho jQuery (không-thư viện phiên bản 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

Dưới đây là làm thế nào để làm điều đó mà không cần tay xây dựng theo yêu cầu cơ thể đa phần:

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 
    } 
});