DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> ajax 文件上傳應用簡單實現
ajax 文件上傳應用簡單實現
編輯:JQuery特效代碼     
這個插件支持多個文件選取功能,很不錯,而且代碼簡單
代碼如下:
$("#fileUpload").fileUpload({
'uploader': 'style/uploader.swf',
'cancelImg': 'style/img/cancel.png',

'folder': '/mbs/fileUpload',
'script': '/mbs/FileUpload',
'buttonText': 'Durchsuchen',
'fileDesc': '*.jpg;*.gif;*.png',
'fileExt': '*.jpg;*.gif;*.png',
'scriptData': {'uploadAction': 'upload'},
'multi': true

});

'multi': true : 就是啟功多文件選擇功能。
'script': '/mbs/FileUpload' :上傳文件的後台處理
'scriptData': {'uploadAction': 'upload'} :post數據需要帶的變量
具體屬性說明可以查看官方文檔
http://www.ronniesan.com/articles/jquery-multiple-file-upload.php
下面是我 實現該應用的的一些截圖

多文件選擇

准備上傳

文件上傳中

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved