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

首頁 > 編程 > JavaScript > 正文

jQuery文件上傳插件Uploadify使用指南

2019-11-20 14:51:14
字體:
來源:轉載
供稿:網友

對于HTML5版本會比較好的支持手機瀏覽器,避免蘋果手機Safari瀏覽器不支持
Flash,主要特性:支持多文件上傳、HTML5版本可拖拽上傳、實時上傳進度條顯示、強大的參數
定制功能,如文件大小、文件類型、按鈕圖片定義、上傳文件腳本等。

Flash版本使用方法:
1.加載JS和CSS

復制代碼 代碼如下:
 
<script src="jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">

2.編寫HTML內容

復制代碼 代碼如下:

<form>
<div id="queue"></div>
<input id="file_upload" name="file_upload" type="file" multiple="true">
</form>


3.函數調用

復制代碼 代碼如下:

<script type="text/javascript">
        $(document).ready(function()
        {
            $("#file_upload").uploadify({
                'uploader': 'uploadify.swf',
                'script': 'UploadHandler.php',               
                'folder': 'UploadFile',
                'queueID': 'fileQueue',
                'auto': true,
                'multi': true
            });
        }); 
</script>

4.更多參數配置詳解

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 doc pdf文件”
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 :選擇文件到文件隊列中后的每一個文件上的關閉按鈕圖標

上面介紹的key值的value都為字符串或是布爾類型,比較簡單,接下來要介紹的key值的value為一個函數,可以在選擇文件、出錯或其他一些操作的時候返回一些信息給用戶。

onInit : 做一些初始化的工作
onSelect :選擇文件時觸發,該函數有三個參數
event:事件對象。
queueID:文件的唯一標識,由6為隨機字符組成。
fileObj:選擇的文件對象,有name、size、creationDate、modificationDate、type 5個屬性。
代碼如下:

復制代碼 代碼如下:
 
<script type="text/javascript">
$(document).ready(function()
{
    $("#uploadify").uploadify({
        'uploader': 'JS/jquery.uploadify-v2.1.0/uploadify.swf',
        'script': 'UploadHandler.ashx',
        'cancelImg': 'JS/jquery.uploadify-v2.1.0/cancel.png',
        'folder': 'UploadFile',
        'queueID': 'fileQueue',
        'auto': false,
        'multi': true,
        'onInit':function(){alert("1");},
        'onSelect': function(e, queueId, fileObj)
        {
            alert("唯一標識:" + queueId + "/r/n" +
                  "文件名:" + fileObj.name + "/r/n" +
                  "文件大小:" + fileObj.size + "/r/n" +
                  "創建時間:" + fileObj.creationDate + "/r/n" +
                  "最后修改時間:" + fileObj.modificationDate + "/r/n" +
                  "文件類型:" + fileObj.type
            );

        }
    });
});
</script>

  
onSelectOnce :在單文件或多文件上傳時,選擇文件時觸發。該函數有兩個參數event,data,data對象
有以下幾個屬性:
fileCount:選擇文件的總數。
filesSelected:同時選擇文件的個數,如果一次選擇了3個文件該屬性值為3。
filesReplaced:如果文件隊列中已經存在A和B兩個文件,再次選擇文件時又選擇了A和B,該屬性值為2。
allBytesTotal:所有選擇的文件的總大小。
onCancel: 當點擊文件隊列中文件的關閉按鈕或點擊取消上傳時觸發。該函數有event、queueId、fileObj、
data四個參數,前三個參數同onSelect 中的三個參數,data對象有兩個屬性fileCount和allBytesTotal。
fileCount:取消一個文件后,文件隊列中剩余文件的個數。
allBytesTotal:取消一個文件后,文件隊列中剩余文件的大小。

onClearQueue :當調用函數fileUploadClearQueue時觸發。有event和data兩個參數,同onCancel 中的兩個對應參數。
onQueueFull :當設置了queueSizeLimit并且選擇的文件個數超出了queueSizeLimit的值時觸發。該函數有兩個
參數event和queueSizeLimit。
onError :當上傳過程中發生錯誤時觸發。該函數有event、queueId、fileObj、errorObj四個參數,其中前三個參
數同上,errorObj對象有type和info兩個屬性。
type:錯誤的類型,有三種‘HTTP', ‘IO', or ‘Security'
info:錯誤的描述
onOpen :點擊上傳時觸發,如果auto設置為true則是選擇文件時觸發,如果有多個文件上傳則遍歷整個文件隊列。
該函數有event、queueId、fileObj三個參數,參數的解釋同上。
onProgress :點擊上傳時觸發,如果auto設置為true則是選擇文件時觸發,如果有多個文件上傳則遍歷整個文件隊
 列,在onOpen之后觸發。該函數有event、queueId、fileObj、data四個參數,前三個參數的解釋同上。
data對象有四個屬性percentage、bytesLoaded、allBytesLoaded、speed:
percentage:當前完成的百分比
bytesLoaded:當前上傳的大小
allBytesLoaded:文件隊列中已經上傳完的大小
speed:上傳速率 kb/s
onComplete:文件上傳完成后觸發。該函數有四個參數event、queueId、fileObj、response、data五個參數,前三個參數
同上。response為后臺處理程序返回的值,在上面的例子中為1或0,data有兩個屬性fileCount和speed
fileCount:剩余沒有上傳完成的文件的個數。
speed:文件上傳的平均速率 kb/s
注:fileObj對象和上面講到的有些不太一樣,onComplete 的fileObj對象有個filePath屬性可以取出上傳文件的路徑。
onAllComplete:文件隊列中所有的文件上傳完成后觸發。該函數有event和data兩個參數,data有四個屬性,
分別為:
filesUploaded :上傳的所有文件個數。
errors :出現錯誤的個數。
allBytesLoaded :所有上傳文件的總大小。
speed :平均上傳速率 kb/s

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
青草青草久热精品视频在线网站| 欧美黄色成人网| 国产精品99久久99久久久二8| 久久频这里精品99香蕉| 成人黄色片网站| 亚洲国产成人久久| 亚洲一区二区三区在线免费观看| 丝袜亚洲欧美日韩综合| 8x拔播拔播x8国产精品| 国产日本欧美一区二区三区| 国产精国产精品| 亚洲欧美国产精品专区久久| 国产精品久久久久久五月尺| 久久天天躁夜夜躁狠狠躁2022| 亚洲大胆美女视频| 中文字幕av一区| 亚洲无亚洲人成网站77777| 中文字幕日韩av综合精品| 欧美另类极品videosbestfree| 久久理论片午夜琪琪电影网| 中文字幕国内精品| 欧美疯狂xxxx大交乱88av| 欧美大胆a视频| 91在线色戒在线| 国产精品91久久| 日韩视频在线免费| 日韩成人中文电影| 8x拔播拔播x8国产精品| 欧美国产日韩精品| 91精品国产自产在线老师啪| 日韩在线视频免费观看| 91精品视频免费观看| 激情亚洲一区二区三区四区| 91在线中文字幕| 2020欧美日韩在线视频| 日韩欧美中文第一页| 国产精品第七十二页| 成人av色在线观看| 日韩av理论片| 亚洲性日韩精品一区二区| 91高清免费在线观看| 亚洲国产精彩中文乱码av| 另类色图亚洲色图| 美乳少妇欧美精品| 国产精品久久久久久久久久小说| 亚州成人av在线| 精品视频9999| 日韩乱码在线视频| 日本久久精品视频| 国产精品成人在线| 色婷婷av一区二区三区在线观看| www.国产精品一二区| 久久69精品久久久久久国产越南| 国产噜噜噜噜久久久久久久久| 一级做a爰片久久毛片美女图片| 91人人爽人人爽人人精88v| 欧美精品情趣视频| 亚洲激情久久久| 色一区av在线| 国产日韩欧美中文在线播放| 国产精品久久av| 亚洲加勒比久久88色综合| 欧美成年人视频网站欧美| 国产精品免费久久久| 国产综合在线看| 色综合伊人色综合网| 中国china体内裑精亚洲片| 性色av一区二区咪爱| 日韩美女在线观看一区| 69久久夜色精品国产7777| 国产主播喷水一区二区| 性夜试看影院91社区| 亚洲午夜色婷婷在线| 欧美色另类天堂2015| 国产精品福利在线观看网址| 亚州精品天堂中文字幕| 亚洲国产日韩欧美综合久久| 国产精品久久久久久超碰| 91九色视频在线| 国产精品偷伦视频免费观看国产| 亚洲激情视频在线| 97国产真实伦对白精彩视频8| 色伦专区97中文字幕| 国产精品男人爽免费视频1| 中文字幕精品在线| 日韩久久精品电影| 亚洲国产日韩欧美在线99| 亚洲国产天堂网精品网站| 欧洲日韩成人av| 欧美黑人狂野猛交老妇| 深夜福利国产精品| 久久中文字幕国产| 精品色蜜蜜精品视频在线观看| 国产精品日日做人人爱| 亚洲欧美日韩第一区| 国产精品免费看久久久香蕉| 精品国产乱码久久久久久天美| 亚洲国产精品yw在线观看| 国产精品日韩欧美| 欧美激情一区二区三区高清视频| www.欧美免费| 亚洲黄色免费三级| 日韩电影免费在线观看中文字幕| 欧美日韩在线另类| 欧美视频在线免费看| 欧美极品少妇全裸体| 亚洲tv在线观看| 美女少妇精品视频| 色噜噜狠狠色综合网图区| 日韩精品免费在线| 国产精品日韩一区| 亚洲天堂开心观看| 国产精品久久久久国产a级| 国产福利精品在线| 久久久久久九九九| 91美女片黄在线观| 国产精品一香蕉国产线看观看| 欧美色视频日本高清在线观看| 中国人与牲禽动交精品| 另类图片亚洲另类| 国产一区二区激情| 久久99视频精品| 久久精品久久久久久国产 免费| 日韩欧美在线视频日韩欧美在线视频| 久久久精品中文字幕| 精品成人在线视频| 中文字幕在线成人| 欧美专区在线视频| 亚洲18私人小影院| 78m国产成人精品视频| 97精品国产97久久久久久免费| 亚洲第一精品电影| 久久精品免费电影| 不卡中文字幕av| 国产精品成人一区二区三区吃奶| 亚洲视频777| 亚洲色图13p| 欧美黄色三级网站| 亚洲精品久久久久久久久久久| 青青久久av北条麻妃黑人| 日韩成人激情在线| 欧美午夜精品在线| 中文字幕欧美亚洲| 性夜试看影院91社区| 国产91在线播放九色快色| 精品一区精品二区| 最近2019中文字幕一页二页| 91禁外国网站| 久久久av电影| 亚洲片在线资源| 一区二区成人精品| 91欧美视频网站| 成人国产精品色哟哟| 欧美精品免费在线观看| 欧美精品aaa| 97成人精品视频在线观看| 欧美一级淫片aaaaaaa视频| 欧美激情按摩在线| 久久久国产成人精品| 日本精品性网站在线观看| 欧美精品激情blacked18| 8x海外华人永久免费日韩内陆视频| 国产精品久久久久久久久免费| 色爱精品视频一区|