Thinkphp結(jié)合ajaxFileUpload實(shí)現(xiàn)異步圖片傳輸示例
前言
在做這個(gè)項(xiàng)目之前,對(duì)圖片上傳處理一直都是直接用表單提交的方式進(jìn)行文件傳輸,這次因?yàn)樾枨?,需要?shí)現(xiàn)對(duì)圖片進(jìn)行異步傳輸,雖然實(shí)現(xiàn)并不難,畢竟現(xiàn)在插件太多了,但還是浪費(fèi)了我很長(zhǎng)的調(diào)試時(shí)間,原因便是使用了遠(yuǎn)古時(shí)期的插件ajaxfileupload,在剛開(kāi)始使用的時(shí)候頻繁報(bào)錯(cuò),說(shuō)handler is not a function。
懷著沉重的心情,我百度了一下,然后就找到了答案,不禁感概搜索引擎真是強(qiáng)大。
解決方法
上述報(bào)錯(cuò)的原因便是jquery從1.9.0開(kāi)始便不再使用handler這個(gè)方法了,具體原因未知,所以只能在下載下來(lái)的 jQuery.extend({
里手動(dòng)添加代碼:
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){} })
代碼不在報(bào)錯(cuò)了,但又有新的問(wèn)題,返回的數(shù)據(jù)一直是undefined,隨后看了下調(diào)試工具,返回值存在,而且格式也沒(méi)問(wèn)題,怎么都想不明白之后,又去..................百度了,
然后做了兩個(gè)調(diào)整:
1,將ajaxfileupload.js里的 eval('data = '+ data) ;
替換成 data = jQuery.parseJSON(jQuery(data).text());
2,將complete方法換成success
ok,后端返回的數(shù)據(jù)可以打印了。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者使用Swift能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
php實(shí)現(xiàn)使用正則將文本中的網(wǎng)址轉(zhuǎn)換成鏈接標(biāo)簽
本文給大家分享一段php中使用正則表達(dá)式將網(wǎng)址轉(zhuǎn)換成A鏈接的函數(shù)代碼,十分簡(jiǎn)潔實(shí)用,這里推薦給大家2014-12-12PHP簡(jiǎn)單實(shí)現(xiàn)循環(huán)鏈表功能示例
這篇文章主要介紹了PHP簡(jiǎn)單實(shí)現(xiàn)循環(huán)鏈表功能,簡(jiǎn)單描述了循環(huán)鏈表的概念、功能并結(jié)合實(shí)例形式分析了php定義及使用循環(huán)鏈表的相關(guān)操作技巧,需要的朋友可以參考下2017-11-11php實(shí)現(xiàn)把數(shù)組按指定的個(gè)數(shù)分隔
這篇文章主要介紹了php實(shí)現(xiàn)把數(shù)組按指定的個(gè)數(shù)分隔。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02PHP中include/require/include_once/require_once使用心得
include() 、require()語(yǔ)句包含并運(yùn)行指定文件。這兩結(jié)構(gòu)在包含文件上完全一樣,唯一的區(qū)別是對(duì)于錯(cuò)誤的處理。require()語(yǔ)句在遇到包含文件不存在,或是出錯(cuò)的時(shí)候,就停止即行,并報(bào)錯(cuò)。include()則繼續(xù)即行。2016-08-08php mysql實(shí)現(xiàn)mysql_select_db選擇數(shù)據(jù)庫(kù)
在PHP中,與MySQL服務(wù)器建立連接后,需要確定所要連接的數(shù)據(jù)庫(kù),此時(shí)我們可以使用mysql_select_db函數(shù),該函數(shù)用于選擇需要操作的數(shù)據(jù)庫(kù),需要的朋友可以參考下2016-12-12