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

À l'aide de javascript, j'ai un fichier en chaîne (obtenu avec une requête ajax).

Comment télécharger en tant que fichier au serveur par un autre requête ajax ?

Veuillez préciser: avez-vous un chemin d'accès au fichier sous forme de chaîne ou vous avez un contenu de fichier as string et que vous souhaitez l'ai téléchargé en tant que fichier?
Il se lit comme il a le contenu du fichier dans une chaîne de caractères, qu'il a obtenu à partir d'une requête ajax.

OriginalL'auteur Romka | 2010-06-10

  1. 15

    Vous devez définir la Content-type en-tête de demande multipart/form-data et de jouer avec le format un peu, J'ai écrit ce dans la Plaine Ol' JavaScript (tm), mais vous pouvez facilement retravailler pour une bibliothèque:

    EDIT: a mon café maintenant, alors modifié pour jQuery (pas-de version de bibliothèque ici):

    //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) {
    }
});
    Mmm, nice! Ne savais pas que c'était possible dans une requête Ajax.
    Est sûr. Pratique si vous n'avez pas de contrôle sur le serveur que vous avez téléchargées et il A accepter un fichier texte posté avec multipart/form-data.
    Cela a fonctionné, à l'exception de deux ajustements de travailler avec express/node: 1) la dernière limite doit être + '--'+boundary+ '--'; et aussi le contentType dans l'appel ajax doit être: "multipart/form-data; boundary="+boundary
    ceci est également nécessaire pour les Rails. Merci, vous venez de m'a sauvé quelques heures de débogage

    OriginalL'auteur Andy E

  2. 13

    Voici comment le faire sans créer manuellement le multi-partie du corps de la requête:

    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
    }
});
    semble beau... puis-je le transcoder en Base64 pour un Objet de Fichier? Si non, je peux utiliser le base64 et le décoder sur le serveur. mais je suis juste curieux
    Est objet FormData de la croix-navigateur compatible?
    Je suis l'aide de Dropzone, mais cela fonctionne pour convertir une chaîne de caractères dans un fichier à télécharger("nouveau Fichier([nouveau Blob([s])], le nom de fichier)").

    OriginalL'auteur Thomas Cort