Ausführliche Erläuterung der jQuery Form-Implementierung des Ajax-Uploads von Dateien und des gleichzeitigen Festlegens von Headern

In diesem Artikel wird hauptsächlich die Methode von jQuery.Form zum gleichzeitigen Implementieren von Ajax-Upload-Dateien und zum Festlegen von Headern vorgestellt. Sie ist sehr gut und hat Referenzwert. Ich hoffe, sie kann jedem helfen .

Bezüglich der Methode zur Implementierung einer Ajax-Upload-Datei in JQuery-Form lesen Sie bitte den Beispielcode:

 <span style="font-family: Arial, Helvetica, sans-serif;">function ajaxSubmitForm() {</span>

var option = { 
  　　 url : cache.batchImport, 
 　　 type : 'POST', 
  　　 dataType : 'json', 
  　　 headers : {"token" : localStorage.getItem('token')}, //添加请求头部 
 　　 success : function(data) { 
   　　  console.log('success') 
   
  }, 
  error: function(data) { 
    console.log('error'); 
  } 
 }; 
$("#userForm").ajaxSubmit(option); 
return false; //最好返回false，因为如果按钮类型是submit,则表单自己又会提交一次;返回false阻止表单再次提交

Ich muss beim Hochladen von Dateien Header-Informationen festlegen, kann jedoch keine Header festlegen. Später habe ich jQuery gefunden Das Formular kann implementiert werden, der Code ist wie oben.

Da die Dateischaltfläche nicht gestaltet werden kann, muss eine Schaltfläche verwendet werden, um die Datei indirekt auszulösen. Dies kann jedoch im IE nicht erreicht werden, da der IE die Schaltfläche nur direkt auslösen kann, um die Funktion zu implementieren Die Position der Datei muss sein. Die Größe ist auf die gleiche wie die der Schaltfläche eingestellt, die Transparenz ist jedoch auf 0 eingestellt, um die Schaltfläche abzudecken und die Anforderung zu erfüllen, die Steuerung direkt auszulösen und mit dem IE kompatibel zu sein. Aufgrund der Kompatibilität weist der Stil Probleme mit anderen Browsern auf.

Kompatibel mit anderen Browser-Stilcodes sind wie folgt:

var isIE = navigator.userAgent.indexOf('MSIE')>-1; 
if(!isIE){ 
  $('#filePath').css('z-index',-1); 
}

Verwandte Empfehlungen:

Instanzfreigabe von Ajax Dateifortschritt hochladen Artikel Codular

Einführung, wie JavaScript Ajax zum Hochladen von Dateien verwendet

PHP- und AJAX-Upload-Dateien

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der jQuery Form-Implementierung des Ajax-Uploads von Dateien und des gleichzeitigen Festlegens von Headern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!