Explication détaillée des étapes pour implémenter le téléchargement de fichiers php+ajax sans actualisation-tutoriel php-php.cn

Explication détaillée des étapes pour implémenter le téléchargement de fichiers php+ajax sans actualisation

php中世界最好的语言

Libérer： 2023-03-26 16:50:02

original

1864 Les gens l'ont consulté

Cette fois, je vous apporte php+ajax sans actualisationTéléchargement de fichiersétapes de mise en œuvre détaillées, quelles sont les précautions pour php+ajax sans actualisation du téléchargement de fichiers, ce qui suit est un cas pratique , jetons un coup d'oeil.

Format de formulaire pour le téléchargement de fichiers

<form id="uploadform" enctype="multipart/form-data" name="uploadform" method="post" >
    <input id="fileToUpload" type="file" name="fileToUpload" class="uploadinput" >
    <input id="add_file" type="button" value="提交">
</form>

Copier après la connexion

AjaxFileUpload permet un meilleur téléchargement de fichiers asynchrone et est facile à utiliser :

 <!DOCTYPE html>
  <html>
    <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <script type="text/javascript" src="http://www.phpddt.com/usr/themes/dddefault/jquery-1.4.2.min.js"></script>
      <script type="text/javascript" src="ajaxfileupload.js"></script>
    </head>
  <script>
  jQuery(function(){  
   $("#buttonUpload").click(function(){   
     //加载图标  
     /* $("#loading").ajaxStart(function(){
      $(this).show();
     }).ajaxComplete(function(){
      $(this).hide();
     });*/
     //上传文件
    $.ajaxFileUpload({
      url:'upload.php',//处理图片脚本
      secureuri :false,
      fileElementId :'fileToUpload',//file控件id
      dataType : 'json',
      success : function (data, status){
        if(typeof(data.error) != 'undefined'){
          if(data.error != ''){
            alert(data.error);
          }else{
            alert(data.msg);
          }
        }
      },
      error: function(data, status, e){
        alert(e);
      }
  })
  return false;
   }) 
  })
  </script>
    <body>
      <input id="fileToUpload" type="file" size="20" name="fileToUpload" class="input">
      <button id="buttonUpload">上传</button>
    </body>
  </html>

Copier après la connexion

Le téléchargement peut également transmettre des paramètres :

 var data = { name: 'my name', description: 'short description' } 
    $.ajaxFileUpload({
      url: 'upload.php',
      secureuri: false,
      data: data,
      fileElementId: 'fileToUpload',
      dataType: 'json',
      success: function (data) {
        alert(data.msg);
      },
      error: function (data) {
        alert("error");
      }
    });

Copier après la connexion

Description du paramètre principal :

1. L'url représente le chemin du fichier de traitement du fichier opération de téléchargement. Vous pouvez tester si l'URL peut être directement. traité dans le navigateur. Accès, comme ci-dessus : upload.php
2. fileElementId représente l'ID de domaine du fichier, comme ci-dessus : fileToUpload
3 Si secureuri active la soumission sécurisée, la valeur par défaut est false
4. données, choisissez généralement json, javascript Écologie originale
5. Fonction de traitement après une soumission réussie
6. Fonction de gestion en cas d'échec de soumission d'erreur

Besoin de connaître les invites d'erreur pertinentes

1. SyntaxError : manquant ; avant l'erreur de déclaration

Si cette erreur se produit, vous devez vérifier si le chemin de l'url est accessible

2, SyntaxError : erreur de syntaxe

Si cette erreur se produit, vous devez vérifier. Y a-t-il une erreur de syntaxe dans le fichier PHP qui gère l'opération de soumission ? Si l'ID existe

4. SyntaxError : manquant } dans l'erreur d'expression XML ?

Si cette erreur se produit, vous devez vérifier si le nom de domaine du fichier est cohérent ou n'existe pas

5. Autre erreur de définition automatique

Vous pouvez utiliser la variable $. erreur à imprimer directement pour vérifier si chaque paramètre est correct. C'est beaucoup plus pratique que les invites d'erreur invalides ci-dessus.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Analyse de cas d'utilisation de connexion longue PHP

Paiement trois-en-un QQ, WeChat et Alipay code Comment implémenter

avec PHP

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!