Explication détaillée de l'implémentation par jQuery Form du téléchargement de fichiers Ajax et de la définition des en-têtes en même temps

Cet article présente principalement la méthode de jQuery.Form pour implémenter les fichiers de téléchargement Ajax et définir les en-têtes en même temps. Il est très bon et a une valeur de référence. J'espère que cela pourra aider tout le monde. .

Plus de bêtises. Concernant la méthode d'implémentation du fichier de téléchargement ajax sous forme jquery, veuillez vous référer à l'exemple de code :

 <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阻止表单再次提交

J'ai rencontré un problème. Il est nécessaire de définir les informations d'en-tête lors du téléchargement de fichiers. Cependant, la soumission du formulaire peut télécharger des fichiers mais ne peut pas définir d'en-têtes mais ne peut pas télécharger de fichiers. depuis Internet. Le formulaire peut être implémenté, le code est comme ci-dessus.

Étant donné que le bouton de fichier ne peut pas être stylisé, un bouton doit être utilisé pour déclencher le fichier indirectement, mais cela ne peut pas être réalisé sur IE, car IE ne peut déclencher que directement le bouton pour implémenter la fonction, donc la position du fichier doit être La taille est définie sur la même que celle du bouton, mais la transparence est définie sur 0 pour couvrir le bouton afin de répondre à l'exigence de déclenchement direct du contrôle et d'être compatible avec IE. Après compatibilité, le style rencontre des problèmes sur les autres navigateurs.

Les codes de style de navigateur compatibles avec d'autres sont les suivants :

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

Recommandations associées :

Partage d'instance d'Ajax progression du téléchargement du fichier Article Codular

Introduction à la façon dont JavaScript utilise Ajax pour télécharger des fichiers

Télécharger des fichiers PHP et AJAX

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!