《PHP教程:Thinkphp結(jié)合ajaxFileUpload實(shí)現(xiàn)異步圖片傳輸示例》要點(diǎn):
本文介紹了PHP教程:Thinkphp結(jié)合ajaxFileUpload實(shí)現(xiàn)異步圖片傳輸示例,希望對(duì)您有用。如果有疑問(wèn),可以聯(lián)系我們。
相關(guān)主題:thinkphp教程
PHP教程前言
PHP教程在做這個(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.
PHP教程懷著沉重的心情,我百度了一下,然后就找到了答案,不禁感概搜索引擎真是強(qiáng)大.
PHP教程解決方法
PHP教程上述報(bào)錯(cuò)的原因便是jquery從1.9.0開(kāi)始便不再使用handler這個(gè)方法了,具體原因未知,所以只能在下載下來(lái)的? jQuery.extend({
?? 里手動(dòng)添加代碼:
PHP教程
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] );
}
}
PHP教程,繼續(xù)debug
PHP教程
$.ajaxfileupload({
url : '',
secureuri : '',
fileElementId : '', --> 這里填的是 input file的ID
data : {},
dataType : 'json',
complete : function(data){}
})
PHP教程代碼不在報(bào)錯(cuò)了,但又有新的問(wèn)題,返回的數(shù)據(jù)一直是undefined,隨后看了下調(diào)試工具,返回值存在,而且格式也沒(méi)問(wèn)題,怎么都想不明白之后,又去..................百度了,
PHP教程然后做了兩個(gè)調(diào)整:
PHP教程1,將ajaxfileupload.js里的 eval('data = '+? data) ;?
替換成 data = jQuery.parseJSON(jQuery(data).text());
PHP教程2,將complete方法換成success
PHP教程ok,后端返回的數(shù)據(jù)可以打印了.
PHP教程總結(jié)
PHP教程以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者使用Swift能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)維易PHP的支持.
轉(zhuǎn)載請(qǐng)注明本頁(yè)網(wǎng)址:
http://www.fzlkiss.com/jiaocheng/1488.html