Wie hoch-string als Datei mit jQuery oder anderen js-Frameworks

Mit javascript, ich habe eine Datei in der Zeichenfolge (hab mit ajax-request).

Wie zum hochladen als Datei-server von einem anderen ajax-request ?

  • Bitte präzisieren: haben Sie die Datei Pfad als string oder haben Sie Datei-Inhalt als string und möchte es als Datei geladen?
  • Es liest sich, als ob er den Inhalt der Datei in eine Zeichenfolge, die er bekam von einem ajax-request.
InformationsquelleAutor Romka | 2010-06-10
  1. 16

    Müssen Sie die Content-type - request-header zu multipart/form-data und spielen, um mit dem format ein wenig, Ich schrieb dies in Plain Ol' JavaScript (tm) konnte man aber leicht Nacharbeiten es für eine Bibliothek:

    EDIT: hatte meinen Kaffee jetzt, so verändert es für jQuery (no-library-version hier):

    //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!!! Wusste nicht, dass das möglich in einem Ajax-request.
    • Sicher ist. Praktisch, wenn Sie don 'T haben die Kontrolle über die server, die Sie hochladen zu, und es IST zu akzeptieren, eine text-Datei geschrieben mit" multipart/form-data.
    • Dies funktionierte, bis auf die zwei Anpassungen für die Arbeit mit express/Knoten: 1) die Letzte Grenze muss + '--'+boundary+ '--'; und auch der contentType in der ajax-Aufruf muss sein: "multipart/form-data; boundary="+boundary
    • dies gilt auch für die Schienen. Vielen Dank, die Sie gerade gespeichert haben mir ein paar Stunden debugging
    InformationsquelleAutor Andy E
  2. 15

    Hier ist, wie tun Sie es, ohne manuellen Erstellung der multi-Teil-request-body:

    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
    }
});
    • scheint nett... kann ich transcode Base64 in ein File-Objekt? Wenn nicht kann ich auch mit dem base64-und entschlüsseln auf dem server. aber ich bin einfach nur neugierig
    • Ist FormData-Objekt cross-browser-kompatibel?
    • Ich bin mit Dropzone, aber diese Antwort funktioniert zur Konvertierung einer Zeichenfolge in eine Datei für den upload (neue Datei([new Blob([s])], filename)").
    InformationsquelleAutor Thomas Cort
Schreibe einen Kommentar