亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

詳解jquery uploadify 上傳文件

2019-11-20 21:45:02
字體:
來源:轉載
供稿:網友

網上找了一天,大家都說Uploadify唯一的缺點就是不支持中文按鈕,杯具之前,我看了下Uploadify的API,才發現了幾個參數沒被大家提及的,這正是解決此問題的關鍵。(以后堅決養成沒事就看API的習慣)
    Uploadify有一個參數是 buttonText 這個無論你怎么改都不支持中文,因為插件在js里用了一個轉碼方法把這個參數的值轉過碼了,解碼的地方在那個swf文件里,看不到代碼,所以這條路不行。
    另一個參數,網上很少提到,是 buttonImg( 按鈕圖片),這時你完全可以用一個圖片來替換掉插件自帶的那個黑色的flash瀏覽按鈕,只要你自己的圖片上是中文,這不就解決了中文按鈕問題么?如果只加這一個,你會發現你的按鈕圖片下面有一片白色區域,其實就是那個flash留下的,白色區域表示鼠標可用范圍,這個范圍可以用width,height來調整。還有一個參數wmode 它的默認值是opaque,把它改成transparent就行了,也就是把那片白色區域透明化。再用剛才說的方法,把按鍵點擊范圍設置成跟你圖片一樣大就完全OK了。

    Uploadify的用法就不說了,網上文章很多,跟別的jquery插件用法一樣,就是幾種文件的擺放路徑而已。
    以下附上Uploadify部分參數的介紹,要看全部的就去看其API文件了,一般在下載的包里都有。

uploader:uploadify.swf 文件的相對路徑,該swf文件是一個帶有文字BROWSE的按鈕,點擊后彈出打開文件對話框,默認值:uploadify.swf。
script :后臺處理程序的相對路徑。默認值:uploadify.php
checkScript:用來判斷上傳選擇的文件在服務器是否存在的后臺處理程序的相對路徑
fileDataName:設置一個名字,在服務器處理程序中根據該名字來取上傳文件的數據。默認為Filedata
method :提交方式Post 或Get 默認為Post
scriptAccess:flash腳本文件的訪問模式,如果在本地測試設置為always,默認值:sameDomain
folder :上傳文件存放的目錄。
queueID :文件隊列的ID,該ID與存放文件隊列的div的ID一致。
queueSizeLimit:當允許多文件生成時,設置選擇文件的個數,默認值:999。
multi :設置為true時可以上傳多個文件。
auto :設置為true當選擇文件后就直接上傳了,為false需要點擊上傳按鈕才上傳。
fileDesc:這個屬性值必須設置fileExt屬性后才有效,用來設置選擇文件對話框中的提示文本,如設置fileDesc為“請選擇rar docpdf文件”,打開文件選擇框效果如下圖:
fileExt :設置可以選擇的文件的類型,格式如:'*.doc;*.pdf;*.rar' 。
sizeLimit:上傳文件的大小限制。
simUploadLimit:允許同時上傳的個數默認值:1 。
buttonText:瀏覽按鈕的文本,默認值:BROWSE 。
buttonImg:瀏覽按鈕的圖片的路徑。
hideButton:設置為true則隱藏瀏覽按鈕的圖片。
rollover:值為true和false,設置為true時當鼠標移到瀏覽按鈕上時有反轉效果。
width :設置瀏覽按鈕的寬度,默認值:110。
height :設置瀏覽按鈕的高度,默認值:30。
wmode :設置該項為transparent 可以使瀏覽按鈕的flash背景文件透明,并且flash文件會被置為頁面的最高層。默認值:opaque 。
cancelImg:選擇文件到文件隊列中后的每一個文件上的關閉按鈕圖標

Uploadify還自帶了很多參數及有用的方法和回調函數,都在API里,雖然是全英文的,但很容易看懂,這里就不說了。
以下是我用到的代碼,可以參考一下:

復制代碼 代碼如下:

<script type="text/javascript"> 
$(document).ready(function() { 
$("#uploadify").uploadify({ 
'uploader'       :'images/uploadify.swf', 
'script'         :'<%=request.getContextPath()%>/content/ImportScheduleCommitAction.do', 
'cancelImg'      : 'images/cancel.png', 
'folder'         : '/', 
'queueID'        : 'fileQueue', 
'fileDataName'   : 'uploadify', 
'fileDesc'       : '支持格式:xls.',  
'fileExt'        : '*.xls', 
'auto'           :false, 
'multi'          :true, 
'height'         : 20, 
'width'          : 50, 
'simUploadLimit' : 3, 
//'buttonText'     : 'fdsfdsf...', 
'buttonImg'      : 'images/browse.jpg', 
// 'hideButton'     : true, 
// 'rollover'       : true, 
'wmode'          : 'transparent', 
onComplete       : function (event, queueID,fileObj, response, data) 
{  
$('<li></li>').appendTo('.files').text(response);  
},  
onError          : function(event,queueID, fileObj) 
{  
alert("文件:"+ fileObj.name + " 上傳失敗");  
}  
// onCancel         : function(event,queueID, fileObj) 
// {  
//     alert("取消文件:" +fileObj.name);  
// }  
});
<script type="text/javascript">
$(document).ready(function() {
$("#uploadify").uploadify({
'uploader'       : 'images/uploadify.swf',
'script'         :'<%=request.getContextPath()%>/content/ImportScheduleCommitAction.do',
'cancelImg'      : 'images/cancel.png',
'folder'         : '/',
'queueID'        : 'fileQueue',
'fileDataName'   : 'uploadify',
'fileDesc'       : '支持格式:xls.',
'fileExt'        : '*.xls',
'auto'           : false,
'multi'          : true,
'height'         : 20,
'width'          : 50,
'simUploadLimit' : 3,
//'buttonText'     : 'fdsfdsf...',
'buttonImg'      : 'images/browse.jpg',
// 'hideButton'     : true,
// 'rollover'       : true,
'wmode'          : 'transparent' ,
onComplete       : function (event, queueID,fileObj, response, data)
{
$('<li></li>').appendTo('.files').text(response);
},  www.th7.cn
onError          : function(event,queueID, fileObj)
{
alert("文件:"+ fileObj.name + " 上傳失敗");
}
// onCancel         : function(event,queueID, fileObj)
// {
//     alert("取消文件:" + fileObj.name);
// }
});

要注意的是,我的script屬性值是一個請求路徑,我發現在我設置了同時上傳多個文件后(比如3),并不是每請求一次去上傳3個文件,而仍然是執行3次請求,請求一次上傳一個文件。這也沒辦法,uplodify有那么多回調函數,要是一次處理多個,那回調函數的參數就不知道拿哪個了,因為這些參數都不是數組。
也就是說,無論你設置同時上傳幾個文件,它都會一個一個去請求并上傳,只是表面上感覺好像有多個線程同時在處理上傳請求一樣,只是表象而已。而且如果你把simUploadLimit設置過大就會經常出錯,我設置成5的時候經常會有一兩個文件上傳失敗。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品久久久久久久久久久不卡| 国产成人高潮免费观看精品| 不卡在线观看电视剧完整版| 欧洲亚洲妇女av| 亚洲www在线观看| 亚洲最新av在线网站| 欧美一区二区三区免费观看| 亚洲男子天堂网| 欧美成人合集magnet| 国产精品九九久久久久久久| 欧美日韩中文在线观看| 日本精品久久中文字幕佐佐木| 中文字幕不卡在线视频极品| 国产精品久久久久久久久久新婚| 欧美最猛性xxxxx(亚洲精品)| 国产在线观看91精品一区| 日韩成人中文电影| 91高清免费在线观看| 色综合五月天导航| 亚洲精品国产成人| 日韩毛片中文字幕| 国产亚洲精品久久| 欧美日韩综合视频网址| 亚洲电影成人av99爱色| 亚洲国产婷婷香蕉久久久久久| 日本视频久久久| 精品国产一区二区三区久久狼黑人| 欧美丰满片xxx777| 国产精品自产拍在线观看| 亚洲欧美国产精品| 亚洲欧美国产制服动漫| 欧美成人精品在线| 欧美激情一区二区三区高清视频| 久久午夜a级毛片| 日韩在线视频网| 中文日韩在线视频| 精品视频久久久久久久| 久久久午夜视频| 777午夜精品福利在线观看| 国产一区二区美女视频| 欧美一级黄色网| 亚洲国内精品视频| 久久久精品国产亚洲| 国产亚洲欧洲高清| 欧美日韩国产精品一区二区三区四区| 欧美专区在线观看| 日韩美女免费视频| 亚洲一区久久久| 日韩电影在线观看永久视频免费网站| 欧美黑人又粗大| 国产精品久久久久久久久免费看| 国产精品入口免费视频一| 97香蕉超级碰碰久久免费软件| 中文精品99久久国产香蕉| 全球成人中文在线| 91免费精品国偷自产在线| 精品一区二区亚洲| 色偷偷亚洲男人天堂| 国产成人综合av| 色综合老司机第九色激情| 在线播放国产一区二区三区| 久久成人在线视频| 成人国产精品av| 亚洲精品白浆高清久久久久久| 91夜夜揉人人捏人人添红杏| 成人网在线视频| 欧美激情中文字幕在线| 97色在线观看| 热草久综合在线| 日韩美女视频在线观看| 少妇高潮 亚洲精品| 日韩精品极品毛片系列视频| 成人免费在线视频网站| 疯狂欧美牲乱大交777| 国产激情综合五月久久| 欧美成人精品一区二区三区| 欧美老女人www| 欧美黄网免费在线观看| 亚洲成人激情在线观看| 欧美老女人bb| 俺也去精品视频在线观看| 欧美在线视频免费观看| 人体精品一二三区| 亚洲欧美激情在线视频| 日本一欧美一欧美一亚洲视频| 成人精品aaaa网站| 欧美在线观看一区二区三区| 久久最新资源网| 国产一区二区香蕉| 亚洲成人精品久久久| 影音先锋欧美在线资源| 亚洲精品女av网站| 97精品久久久中文字幕免费| 国产suv精品一区二区| 国产日韩精品综合网站| 国产精品爱久久久久久久| 亚洲成av人影院在线观看| 日韩天堂在线视频| 欧美成人手机在线| 久久久这里只有精品视频| 亚洲美女免费精品视频在线观看| 日韩国产精品视频| 国产成人精品视频在线观看| 亚洲天堂久久av| 伊人精品在线观看| 久久久久久91| 欧美性猛交xxxx富婆弯腰| 国产午夜精品全部视频播放| 亚洲一区美女视频在线观看免费| 97国产成人精品视频| 中文字幕日韩免费视频| 亚洲午夜精品久久久久久性色| 亚洲国产高清福利视频| 777午夜精品福利在线观看| 在线国产精品播放| 日韩视频在线一区| 91精品视频在线看| 国产精品爽爽爽| 欧美激情综合色| 欧美日韩ab片| 国模极品一区二区三区| 九九九久久国产免费| 久久久免费电影| 国产成人精品综合久久久| 4438全国成人免费| 成人免费观看49www在线观看| 久久99国产综合精品女同| 欧美日韩免费区域视频在线观看| 亚洲色图第一页| 尤物yw午夜国产精品视频| 日韩av大片在线| 国产精品久久久久av| 成人两性免费视频| 日韩中文字幕精品| 国产精品第七十二页| 欧美高清视频一区二区| xvideos亚洲人网站| 国产一区二区免费| 久久五月情影视| 久久99热这里只有精品国产| 精品呦交小u女在线| 欧美在线观看网址综合| 国产成人av网址| 亚洲色图美腿丝袜| 成人羞羞国产免费| 欧美肥婆姓交大片| 欧美性猛交99久久久久99按摩| 精品久久中文字幕| 亚洲国产精品系列| 亚洲色图综合网| 成人在线观看视频网站| 欧洲日本亚洲国产区| 中文字幕精品影院| 88国产精品欧美一区二区三区| 亚洲老司机av| 欧美刺激性大交免费视频| 国产精品美女网站| 欧美视频在线免费| 精品小视频在线| 欧美一级在线亚洲天堂| 国产亚洲精品久久久久久牛牛| 久热99视频在线观看| 亚洲成人999| 亚洲高清一二三区|