快捷導(dǎo)航

ajax 文件上傳應(yīng)用簡(jiǎn)單實(shí)現(xiàn)

更新時(shí)間：2009年03月03日 22:39:11 作者：

今天看到一個(gè)jquery插件jquery.fileupload.v.1.5.0，自己試著結(jié)合java做了一個(gè)ajax的文件上傳小應(yīng)用

這個(gè)插件支持多個(gè)文件選取功能，很不錯(cuò)，而且代碼簡(jiǎn)單

$("#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' ：上傳文件的后臺(tái)處理
'scriptData': {'uploadAction': 'upload'} ：post數(shù)據(jù)需要帶的變量
具體屬性說(shuō)明可以查看官方文檔
http://www.ronniesan.com/articles/jquery-multiple-file-upload.php
下面是我實(shí)現(xiàn)該應(yīng)用的的一些截圖

多文件選擇

準(zhǔn)備上傳

文件上傳中

您可能感興趣的文章:

相關(guān)文章

jquery中:input和input的區(qū)別分析
:input表示選擇表單中的input,select,textarea,button元素，input僅僅選擇input元素。
2011-07-07
jQuery手動(dòng)點(diǎn)擊實(shí)現(xiàn)圖片輪播特效
這篇文章主要為大家詳細(xì)介紹了jQuery手動(dòng)點(diǎn)擊實(shí)現(xiàn)圖片輪播特效，手動(dòng)點(diǎn)擊數(shù)字卡片實(shí)現(xiàn)圖片輪播，對(duì)圖片輪播感興趣的小伙伴們可以參考一下
2015-12-12
jQuery開(kāi)源組件BootstrapValidator使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery開(kāi)源組件BootstrapValidator的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
jQuery實(shí)現(xiàn)可拖拽3D萬(wàn)花筒旋轉(zhuǎn)特效
本文主要介紹了使用了CSS3立體效果的強(qiáng)大特效，本特效使用jQuery跟CSS3 transform來(lái)實(shí)現(xiàn)在用戶鼠標(biāo)按下拖動(dòng)時(shí)，環(huán)形圖片墻可以跟隨鼠標(biāo)進(jìn)行3D旋轉(zhuǎn)動(dòng)畫(huà)。下面跟著小編一起來(lái)看下吧
2017-01-01
Jquery實(shí)現(xiàn)的table最后一行添加樣式的代碼
有時(shí)間需要將表格的最后一行加上樣式，方便閱讀等需要，需要的朋友可以參考下。
2010-05-05
jquery下jstree簡(jiǎn)單應(yīng)用 - v1.0
jquery下jstree簡(jiǎn)單應(yīng)用，學(xué)習(xí)jstree的朋友可以參考下。
2011-04-04
jquery實(shí)現(xiàn)觸發(fā)時(shí)更新下拉列表內(nèi)容的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)觸發(fā)時(shí)更新下拉列表內(nèi)容的方法,涉及jQuery使用ajax交互實(shí)現(xiàn)動(dòng)態(tài)更新的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-12-12
聊一聊jQuery插件uploadify使用方法
聊一聊jQuery插件uploadify使用方法，這篇文章主要總結(jié)了uploadify使用的一些經(jīng)驗(yàn)，感興趣的小伙伴們可以參考一下
2016-08-08
使用JQuery實(shí)現(xiàn)Ctrl+Enter提交表單的方法
這篇文章主要介紹了使用JQuery實(shí)現(xiàn)Ctrl+Enter提交表單的方法，需要的朋友可以參考下
2015-10-10
jquery插件unobtrusive實(shí)現(xiàn)片段式加載
本文給大家分享的是使用jquery插件unobtrusive實(shí)現(xiàn)片段式加載，效果非常不錯(cuò)，有需要的小伙伴可以參考下。
2015-06-06