Heim > Backend-Entwicklung > PHP-Tutorial > Ausführliche Erläuterung von Thinkphp in Kombination mit ajaxFileUpload zur Implementierung des Beispielcodes für die asynchrone Bildübertragung

Ausführliche Erläuterung von Thinkphp in Kombination mit ajaxFileUpload zur Implementierung des Beispielcodes für die asynchrone Bildübertragung

黄舟
Freigeben: 2023-03-06 15:50:01
Original
1880 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Methode zur Verwendung von Thinkphp in Kombination mit Ajax vor ein Blick zusammen unten.

Vorwort

Vor der Durchführung dieses Projekts bestand die Bild-Upload-Verarbeitung immer darin, die Formularübermittlung direkt für die Dateiübertragung zu verwenden. Diesmal ist eine Implementierung erforderlich Die asynchrone Übertragung von Bildern ist zwar nicht schwer zu implementieren, aber es verschwendet immer noch viel Zeit beim Debuggen. Der Grund dafür ist, dass ich das alte Plug-In Ajaxfileupload verwendet habe, das häufig Fehler meldete Als ich es zum ersten Mal benutzte, war der Handler keine Funktion.

Schweren Herzens habe ich Baidu durchsucht und die Antwort gefunden. Ich konnte nicht anders, als das Gefühl zu haben, dass die Suchmaschine

Index

wirklich leistungsfähig ist.

Lösung

Der Grund für den oben genannten Fehler ist, dass

jquery

die Handler-Methode seit 1.9.0 nicht mehr verwendet. Der spezifische Grund ist unbekannt, daher können Sie den Code nur manuell zum heruntergeladenen hinzufügen: jQuery.extend({


, mit dem Debuggen fortfahren
handleError: function( s, xhr, status, e ){
// If a local callback was specified, fire it
if ( s.error ) {
s.error.call( s.context || s, xhr, status, e );
}

// Fire the global callback
if ( s.global ) {
(s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
}
}
Nach dem Login kopieren


Der Code hat keine Fehler mehr gemeldet, aber es gab ein neues Problem. Die zurückgegebenen Daten waren immer undefiniert. Dann habe ich festgestellt, dass der Rückgabewert vorhanden war und das Format in Ordnung war Ich habe es nicht herausgefunden, ich bin noch einmal gegangen. ........ Baidu,
$.ajaxfileupload({

  url : '',

  secureuri : '',

  fileElementId : '', --> 这里填的是 input file的ID

  data : {},

  dataType : 'json',

  complete : function(data){} 

})
Nach dem Login kopieren

habe dann zwei Anpassungen vorgenommen:

1, ajaxfileupload Ersetzen

Ersetzen Sie in .js mit

eval('data = '+  data) ; data = jQuery.parseJSON(jQuery(data).text());2 die vollständige Methode durch Erfolg

ok, und die vom Backend zurückgegebenen Daten können gedruckt werden.

Zusammenfassung

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Thinkphp in Kombination mit ajaxFileUpload zur Implementierung des Beispielcodes für die asynchrone Bildübertragung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage