Gewusst wie: senden von multipart-formdata-Einsatz von jquery

<form id="uploadForm" enctype="multipart/form-data" action="http://localhost:1337/ad/upload" method="post" name="uploadForm" novalidate>
    <input type="file" name="userPhoto" id="userPhoto" />
    <input type="submit" value="submit" id="uploadImage" />
</form>

Dies ist mein html-Formular akzeptiert ein Bild als Datei inout, kann der Benutzer wählen Sie eine Bilddatei aus, und klicken Sie dann auf senden. Dies funktioniert, aber die url der aktuellen Seite ändert auf localhost:1337/ad/upload. Ich möchte die Seite zu bleiben, zur gleichen url.

$("form#uploadForm").submit(function(event) {
    event.preventDefault();
    var formData = new FormData($(this)[0]);
    var posting = $.post(url, formData);

})

Habe ich versucht, diese senden Sie dann das Formular mit jquery-aber ich bekomme eine Fehlermeldung : Uncaught Typ-Fehler : Ungültiger Aufruf

Welche Daten sind in der form vorzulegen, wenn der Typ multipart /formdata-und wie können wir diese Daten auf jQuery

Verwenden Sie diese var formData = new FormData(this)

InformationsquelleAutor user3655266 | 2016-09-27

  1. 19

    processData

    Standardmäßig übergebenen Daten in die Daten-option als Objekt (technisch, etwas anderes als ein string) verarbeitet werden, und verwandelt sich in eine Abfrage-string, passend zu den Standard-content-Typ "application/x-www-form-urlencoded". Wenn Sie senden möchten ein DOMDocument, oder andere nicht-verarbeiteten Daten, setzen Sie diese option auf false.

    Bitte überprüfen Sie jQuery-Ajax-Dokumentation

    Versuchen ajax-wie diese - 

    var form = new FormData($("#uploadForm")[0]);
$.ajax({
        url: your_url,
        method: "POST",
        dataType: 'json',
        data: form,
        processData: false,
        contentType: false,
        success: function(result){},
        error: function(er){}
});
    Vielen, vielen Dank !!! funktioniert perfekt

    InformationsquelleAutor Developer

  2. 0

    Werden kann, die auf dem formData aller form für die Verarbeitung

    var form = $('#uploadForm')[0]; 
//You need to use standart javascript object here
var formData = new FormData(form);

    oder geben Sie genaue Daten für formdata

    var formData = new FormData();
formData.append('userPhoto', $('input[type=file]')[0].files[0]);

    InformationsquelleAutor Rahul Patel

Schreibe einen Kommentar