前言
在做這個(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ì)的支持。