suchen

Heim  >  Artikel  >  Backend-Entwicklung  >  Detaillierte Erläuterung der Schritte zur Implementierung des PHP+Ajax-Datei-Uploads ohne Aktualisierung

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

php中世界最好的语言
php中世界最好的语言Original
2018-05-18 14:54:161850Durchsuche

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>

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>

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

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Fallanalyse der RSA-Verschlüsselung, Entschlüsselung und Entwicklungsschnittstelle von PHPNächster Artikel：Fallanalyse der RSA-Verschlüsselung, Entschlüsselung und Entwicklungsschnittstelle von PHP

In Verbindung stehende Artikel

Mehr sehen