對於HTML5版本會比較好的支援手機瀏覽器,避免蘋果手機Safari瀏覽器不支援
Flash,主要功能:支援多檔案上傳、HTML5版本可拖曳上傳、即時上傳進度條顯示、強大的參數
自訂功能,如檔案大小、檔案類型、按鈕圖片定義、上傳檔案腳本等。
Flash版本使用方法:
1.載入JS和CSS
2.寫HTML內容
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個屬性。
程式碼如下: