So senden Sie Formulare und laden Bilder mit FormData hoch

Das FormData-Objekt kann den Namen und den Wert aller Formularelemente im Formular in einem queryString kombinieren und an den Hintergrund senden. Bei der Übermittlung mit Ajax kann die Verwendung des FormData-Objekts den Arbeitsaufwand für das Zusammenfügen von queryString reduzieren.

FormData-Objekt verwenden

1. Erstellen Sie ein leeres FormData-Objekt und verwenden Sie dann die Append-Methode, um den Schlüssel hinzuzufügen /value

1. var formdata = new FormData(); fdipzone');

2. 2. Erhalten Sie das Formularobjekt und übergeben Sie es als Parameter an das FormData-Objekt

3. Verwenden Sie FormData, um das Formular abzusenden und hochzuladen. Datei:

    <form name="form1" id="form1">  
    <input type="text" name="name" value="fdipzone">  
    <input type="text" name="gender" value="male">  
    </form>

server.php

1. var form = document.getElementById('form1');  
   var formdata = new FormData(form);

Das obige ist der detaillierte Inhalt vonSo senden Sie Formulare und laden Bilder mit FormData hoch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!