首頁  >  文章  >  後端開發  >  詳解Thinkphp結合ajaxFileUpload實現非同步圖片傳輸範例程式碼

詳解Thinkphp結合ajaxFileUpload實現非同步圖片傳輸範例程式碼

黄舟
黄舟原創
2017-03-14 16:34:141846瀏覽

這篇文章主要為大家介紹了利用Thinkphp結合ajaxFileUpload實現非同步圖片傳輸的方法,文中給了詳細的範例程式碼,對大家具有一定的參考價值,需要的朋友們下面來一起看看吧。

前言

在做這個專案之前,對圖片上傳處理一直都是直接用表單提交的方式進行檔案傳輸,這次因為需求,需要實現對圖片進行非同步傳輸,雖然實現並不難,畢竟現在插件太多了,但還是浪費了我很長的調試時間,原因便是使用了遠古時期的插件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] );
}
}

,繼續debug


#
$.ajaxfileupload({

  url : '',

  secureuri : '',

  fileElementId : '', --> 这里填的是 input file的ID

  data : {},

  dataType : 'json',

  complete : function(data){} 

})

程式碼不在報錯了,但又有新的問題,回傳的資料一直是undefined,隨後看了下除錯工具,回傳值存在,而且格式也沒問題,怎麼都想不明白之後,又去..................百度了,

然後做了兩個調整:

# 1,將ajaxfileupload.js裡的eval('data = '+  data) ;  替換成data = jQuery.parseJSON(jQuery(data).text());

2,將complete方法換成success

ok,後端回傳的資料可以列印了。

以上是詳解Thinkphp結合ajaxFileUpload實現非同步圖片傳輸範例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn