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

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

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){}　

})

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!