FileUpload實作單一檔案的上傳

這次帶給大家FileUpload實作單一檔案的上傳，FileUpload實作單一檔案上傳的注意事項有哪些，下面就是實戰案例，一起來看一下。

jQuery.AjaxFileUpload.js是一款jQuery插件，用於透過ajax上傳檔案。

語法：

$.ajaxFileUpload([options])

#options參數說明：

##1 、url　　　　　　　　　　 上傳處理程序位址。　　

2，fileElementId　　　　　 需要上傳的檔案域的ID，即的ID。

3，secureuri　　　　　　　 是否啟用安全提交，預設為false。

4，dataType　　　　　　　 伺服器傳回的

資料型別。可以是xml,script,json,html。如果不填寫，jQuery會自動判斷。

5，success　　　　　　　　提交成功後自動執行的處理函數，參數data就是伺服器回傳的資料。

6，error　　　　　　　　　 提交一個失敗自動執行的處理函數。

7，data 　　　　　　　　　 自訂參數。這個東西比較有用，當有資料是與上傳的

圖片相關的時候，這個東西就要用到了。

8, type 　　　　　　　　　 當要提交自訂參數時，這個參數要設定成post

#功能特點：

##功能特性：

##功能特性：

##功能特徵它不依賴特定的HTML ， 只要給它一個“ < INPUTTYPE= "file" >

它不需要你的伺服器回應時指定任何特定方式

可以對大批量文件進行操作

範例程式碼：

-- Use as little as --
$('#one-specific-file').ajaxfileupload({
'action': '/upload.php'
});
-- or as much as --
$('input[type="file"]').ajaxfileupload({
'action': '/upload.php',
'params': {
'extra': 'info'
},
'onComplete': function(response) {
console.log('custom handler for file:');
alert(JSON.stringify(response));
},
'onStart': function() {
if(weWantedTo) return false; // cancels upload
},
'onCancel': function() {
console.log('no file selected');
}
});

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
#推薦閱讀：

######HTML5+Ajax檔案上傳進度條顯示（圖文詳解）###############js實作ajax分頁（圖文詳解）###############AJAX實作無刷新資料分頁#########

以上是FileUpload實作單一檔案的上傳的詳細內容。更多資訊請關注PHP中文網其他相關文章！