Ajax-Serialize()-Formular zum Serialisieren von hochzuladenden Dateien

In diesem Artikel werden hauptsächlich die Ajax-Informationen im Zusammenhang mit dem Ajax-Serialize()-Formular zum Serialisieren von hochgeladenen Dateien vorgestellt Dateien

<form id="uploadForm" action="" method="post" enctype="multipart/form-data"> 
   <p>上传文件：<input type ="file" name="file"/></p> 
   <input type="submit" value="上传"/> 
</form>

Bei der herkömmlichen Formularübermittlung wird die Seite jedoch aktualisiert, in einigen Fällen jedoch nicht Ich möchte nicht, dass die Seite aktualisiert wird. In diesem Fall verwenden wir Ajax, um Anfragen zu stellen.

Verwenden Sie serialize(), um das Formular zu serialisieren und zu senden

$.ajax({ 
   url: "", 
   type: "POST", 
   data: $('#uploadForm').serialize(), 
   success: function(data) {   
   }, 
   error: function(data) {
   } 
});

Wie oben kann das Formular über $('#uploadForm').serialize() serialisiert werden, wodurch alle Parameter im Formular an den Server übergeben werden.

Bei der obigen Methode können jedoch nur allgemeine Parameter übergeben werden und der Dateistream der hochgeladenen Datei kann nicht serialisiert und übergeben werden. Mittlerweile unterstützen gängige Browser jedoch ein Objekt namens FormData. Mit diesem Objekt können Sie problemlos Dateien mit Ajax hochladen.

Verwenden Sie FormData, um Ajax-Anfragen zu stellen und Dateien hochzuladen

<form id="uploadForm"> 
   <p>上传文件：<input type="file" name="file" /></p> 
   <input type="button" value="上传" onclick="upload()" /> 
</form>
function upload() { 
   var formData = new FormData($("#uploadForm")[0]); 
   $.ajax({ 
     url: &#39;&#39;, 
     type: &#39;POST&#39;, 
     data: formData, 
     async: false, 
     cache: false, 
     contentType: false, 
     processData: false, 
     success: function(data) {
     }, 
     error: function(data) {   
     } 
   }); 
}

Wie bereits erwähnt oben Dies ist das vom Editor eingeführte Ajax-Serialize()-Formular zum Serialisieren von Dateien zum Hochladen. Ich hoffe, es wird Ihnen hilfreich sein! !

Verwandte Empfehlungen:

Beispielmethode für handgeschriebenes Ajax zur Erzielung einer asynchronen Aktualisierung

Beispiel zur Erläuterung der Grundkenntnisse von HTTP Nachrichten und Ajax

Beispielanalyse der asynchronen Ajax-Anfragetechnologie

Das obige ist der detaillierte Inhalt vonAjax-Serialize()-Formular zum Serialisieren von hochzuladenden Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!