国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

詳解jquery uploadify 上傳文件

2019-11-20 21:45:02
字體:
來源:轉載
供稿:網(wǎng)友

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

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

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

Uploadify還自帶了很多參數(shù)及有用的方法和回調(diào)函數(shù),都在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屬性值是一個請求路徑,我發(fā)現(xiàn)在我設置了同時上傳多個文件后(比如3),并不是每請求一次去上傳3個文件,而仍然是執(zhí)行3次請求,請求一次上傳一個文件。這也沒辦法,uplodify有那么多回調(diào)函數(shù),要是一次處理多個,那回調(diào)函數(shù)的參數(shù)就不知道拿哪個了,因為這些參數(shù)都不是數(shù)組。
也就是說,無論你設置同時上傳幾個文件,它都會一個一個去請求并上傳,只是表面上感覺好像有多個線程同時在處理上傳請求一樣,只是表象而已。而且如果你把simUploadLimit設置過大就會經(jīng)常出錯,我設置成5的時候經(jīng)常會有一兩個文件上傳失敗。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 焉耆| 马鞍山市| 温州市| 巴彦淖尔市| 揭西县| 玉田县| 达拉特旗| 乐亭县| 兴安县| 盘山县| 商城县| 宜章县| 贵德县| 石河子市| 萨嘎县| 江城| 梁河县| 固镇县| 济阳县| 中宁县| 安多县| 新乡市| 宣城市| 交城县| 嘉荫县| 大埔区| 邵东县| 育儿| 日照市| 华池县| 安乡县| 绥德县| 潜江市| 都江堰市| 密山市| 新宾| 新安县| 永年县| 大同市| 甘洛县| 绥滨县|