Comment télécharger une chaîne en tant que fichier avec jQuery ou autre framework js

Question

En utilisant javascript, j'ai un fichier en chaîne (obtenu avec une requête ajax). Comment le télécharger en tant que fichier sur le serveur par une autre requête ajax?

Answer 1

Vous devez définir l'en-tête de demande Content-type-multipart/form-data et jouer avec le format un peu, I wrote this en JavaScript PLAIN Ol (tm) mais vous pouvez facilement retravailler pour une bibliothèque:

EDIT: Si mon café maintenant, donc il modifié pour jQuery (sans bibliothèque Version 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

Voici comment le faire sans créer manuellement le corps de la demande en plusieurs parties:

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