Detaillierte Erläuterung der Schritte zur Implementierung des PHP+Ajax-Datei-Uploads ohne Aktualisierung-PHP-Tutorial-php.cn

Detaillierte Erläuterung der Schritte zur Implementierung des PHP+Ajax-Datei-Uploads ohne Aktualisierung

php中世界最好的语言

Freigeben： 2023-03-26 16:50:02

Original

1886 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen PHP + Ajax ohne AktualisierungDatei-UploadDetaillierte Implementierungsschritte, was sind die Vorsichtsmaßnahmen für PHP + Ajax ohne Aktualisierungsdatei-Upload, das Folgende ist ein praktischer Fall , lass uns einen Blick darauf werfen.

Formularformat für den Datei-Upload

<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>

Nach dem Login kopieren

AjaxFileUpload erzielt einen besseren asynchronen Datei-Upload-Effekt und ist einfach zu verwenden:

 <!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>

Nach dem Login kopieren

Upload kann auch Parameter übergeben:

 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");
      }
    });

Nach dem Login kopieren

Hauptparameterbeschreibung:

1. URL stellt den Dateipfad des Verarbeitungsdatei--Uploadvorgangs dar. Sie können testen, ob auf die URL direkt im Browser zugegriffen werden kann. Wie oben: upload.php
2. fileElementId stellt die Dateidomänen-ID dar, wie oben: fileToUpload
3. Ob Secureuri die sichere Übermittlung aktiviert, ist der Standardwert false
4 ursprüngliche Ökologie von Javascript
5, Verarbeitungsfunktion nach erfolgreicher Übermittlung
6. Verarbeitungsfunktion für fehlgeschlagene Übermittlung von Fehlern

Sie müssen die relevanten Fehleraufforderungen kennen

1. SyntaxError: fehlt; vor Anweisungsfehler

Wenn dieser Fehler auftritt, müssen Sie prüfen, ob auf den URL-Pfad zugegriffen werden kann

2, SyntaxError: Syntaxfehler

Wenn dies der Fall ist Wenn ein Fehler auftritt, müssen Sie die PHP-Datei überprüfen, die den Übermittlungsvorgang verarbeitet. Liegt ein Syntaxfehler vor?

3 Wenn dieser Fehler auftritt, müssen Sie prüfen, ob das

Attribut

ID vorhanden ist. 4 Der Dateidomänenname ist konsistent oder existiert nicht

5. Andere benutzerdefinierte Fehler

Sie können die Variable $error direkt zum Drucken verwenden, um zu überprüfen, ob jeder Parameter korrekt ist, was viel praktischer ist als Die oben aufgeführten ungültigen Fehlermeldungen werden angezeigt.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

PHP-Anwendungsfallanalyse für lange Verbindungen

QQ, WeChat und Alipay Drei-in-Eins-Zahlung Code So implementieren Sie

mit PHP

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zur Implementierung des PHP+Ajax-Datei-Uploads ohne Aktualisierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!