Thinkphp結(jié)合ajaxFileUpload實現(xiàn)異步圖片傳輸示例
前言
在做這個項目之前，對圖片上傳處理一直都是直接用表單提交的方式進行文件傳輸，這次因為需求，需要實現(xiàn)對圖片進行異步傳輸，雖然實現(xiàn)并不難，畢竟現(xiàn)在插件太多了，但還是浪費了我很長的調(diào)試時間，原因便是使用了遠古時期的插件ajaxfileupload，在剛開始使用的時候頻繁報錯，說handler is not a function。
懷著沉重的心情，我百度了一下，然后就找到了答案，不禁感概搜索引擎真是強大。
解決方法
上述報錯的原因便是jquery從1.9.0開始便不再使用handler這個方法了，具體原因未知，所以只能在下載下來的 jQuery.extend({ 里手動添加代碼：
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] );
}
}
，繼續(xù)debug
$.ajaxfileupload({
url : '',
secureuri : '',
fileElementId : '', --> 這里填的是 input file的ID
data : {},
dataType : 'json',
complete : function(data){}
})
代碼不在報錯了，但又有新的問題，返回的數(shù)據(jù)一直是undefined，隨后看了下調(diào)試工具，返回值存在，而且格式也沒問題，怎么都想不明白之后，又去..................百度了,
然后做了兩個調(diào)整：
1，將ajaxfileupload.js里的 eval('data = '+ data) ; 替換成 data = jQuery.parseJSON(jQuery(data).text());
2，將complete方法換成success
ok，后端返回的數(shù)據(jù)可以打印了。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者使用Swift能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
這篇文章主要介紹了PHP7.0連接DB操作,結(jié)合實例形式分析了php7基于mysqli連接與查詢數(shù)據(jù)庫相關(guān)操作技巧,需要的朋友可以參考下2019-09-09
PHP實現(xiàn)PDO的mysql數(shù)據(jù)庫操作類
這篇文章主要介紹了PHP實現(xiàn)PDO的mysql數(shù)據(jù)庫操作類,其中dbconfig類負責配置數(shù)據(jù)庫訪問信息,dbtemplate類集合了對數(shù)據(jù)庫的訪問操作,非常具有實用價值,需要的朋友可以參考下2014-12-12
PHP實現(xiàn)截取中文字符串不出現(xiàn)?號的解決方法
這篇文章主要介紹了PHP實現(xiàn)截取中文字符串不出現(xiàn)?號的解決方法,涉及php字符串遍歷及編碼轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
這篇文章介紹了php字符串截取中文的截取方法,涉及php字符串遍歷、計算、判斷等相關(guān)操作技巧,需要的朋友可以參考一下2007-12-12
這篇文章主要介紹了php中文語義分析實現(xiàn)方法,結(jié)合實例形式分析了PHP基于BosonNLP擴展實現(xiàn)中文語義分析的具體操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-09-09
PHP在特殊字符前加斜杠的代碼，需要的朋友可以參考下。quotemeta() 函數(shù)在字符串中某些預定義的字符前添加反斜杠。2011-07-07
這篇文章主要介紹了PHP常用的類封裝,結(jié)合實例形式分析了4個常用的工具類,包括Mysql類、分頁類、縮略圖類、上傳類,需要的朋友可以參考下2019-06-06
PHP實現(xiàn)鏈表的定義與反轉(zhuǎn)功能示例
這篇文章主要介紹了PHP實現(xiàn)鏈表的定義與反轉(zhuǎn)功能,結(jié)合實例形式分析了PHP鏈表的基本定義、添加、移除、遍歷以及兩種反轉(zhuǎn)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-06-06
下面小編就為大家?guī)硪黄狿HP/HTML混寫的四種方式總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
最近在開發(fā)Web應(yīng)用程序時，經(jīng)常會涉及到PHP與JS之間的數(shù)據(jù)傳遞，特別是傳遞復雜的數(shù)據(jù)結(jié)構(gòu)，如數(shù)組。本文主要介紹如何使用PHP傳遞數(shù)組給JS，并在JS中使用這些數(shù)據(jù)2023-04-04