資源描述:
《基于jquery的上傳插件uploadify》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、看到一款基于jquery的上傳插件Uploadify無論在功能、外觀、可用性和擴(kuò)展性上都有不錯表現(xiàn),于是研究了一番,介紹給大家。??簡介Uploadify簡單說來,是基于Jquery的一款文件上傳插件。它的功能特色總結(jié)如下:支持單文件或多文件上傳,可控制并發(fā)上傳的文件數(shù)在服務(wù)器端支持各種語言與之配合使用,諸如PHP,.NET,Java……通過參數(shù)可配置上傳文件類型及大小限制通過參數(shù)可配置是否選擇文件后自動上傳易于擴(kuò)展,可控制每一步驟的回調(diào)函數(shù)(onSelect,onCancel……)通過接口參數(shù)和CSS控制外觀更多……
2、相關(guān)鏈接Uploadify主頁地址:http://www.uploadify.com/在該頁面你可以了解到關(guān)于他的更多內(nèi)容。Uploadify在線演示:在線DemoUploadify配置參數(shù)及接口文檔:http://www.uploadify.com/documentationUploadify插件下載地址:http://www.uploadify.com/download使用方法下載插件安裝包后,可以看到里面的幾個主要文件:jquery.uploadify.js(完成上傳功能的腳本文件,在調(diào)用頁面引用)、upload
3、ify.css(外觀樣式表)、uploader.swf(上傳控件的主體文件,flash控件)、upload.php(服務(wù)器端處理文件,官方僅提供了php版的)引用了插件文件后,在頁面中做如下調(diào)用://聲明一個普通的html文件上傳控件,并指定id//將聲明的普通上傳控件與Uploadify插件綁定$(document).ready(function(){$('#f
4、ileInput').fileUpload({//以下參數(shù)均是可選'uploader'??:'uploader.swf',??//指定上傳控件的主體文件,默認(rèn)‘uploader.swf’'script'????:'upload.php',??????//指定服務(wù)器端上傳處理文件,默認(rèn)‘upload.php’'cancelImg':'cancel.png',??//指定取消上傳的圖片,默認(rèn)‘cancel.png’'auto'??????:true,??????????????//選定文件后是否自動上傳,默認(rèn)false'f
5、older'????:'/uploads'????????//要上傳到的服務(wù)器路徑,默認(rèn)‘/’'muti'????:true,??????????????//是否允許同時上傳多文件,默認(rèn)false'fileDesc':'rar文件或zip文件'??//出現(xiàn)在上傳對話框中的文件類型描述'fileExt'??:'*.rar;*.zip',??????//控制可上傳文件的擴(kuò)展名,啟用本項時需同時聲明fileDesc'sizeLimit':86400??????????//控制上傳文件的大小,單位byte'simUploadL
6、imit':5????????//多文件上傳時,同時上傳文件數(shù)目限制});});上面列出了我認(rèn)為常用的配置選項,此外還有很多參數(shù)可配置,參考官方文檔通過調(diào)用相關(guān)功能函數(shù),聲明功能按鈕。例如聲明上傳功能按鈕(自動上傳時不需要):上傳文件聲明取消多文件上傳時上傳隊列:取消
7、上傳隊列?jquery.Uploadify部分參數(shù)的介紹,API的中文解釋以以使用例子????以下附上Uploadify部分參數(shù)的介紹:?? uploader:uploadify.swf文件的相對路徑,該swf文件是一個帶有文字BROWSE的按鈕,點擊后彈出打開文件對話框,默認(rèn)值:uploadify.swf。 script:后臺處理程序的相對路徑。默認(rèn)值:uploadify.php checkScript:用來判斷上傳選擇的文件在服務(wù)器是否存在的后臺處理程序的相對路徑 fileDataName:設(shè)置一個名
8、字,在服務(wù)器處理程序中根據(jù)該名字來取上傳文件的數(shù)據(jù)。默認(rèn)為Filedata method:提交方式Post或Get默認(rèn)為Post scriptAccess:flash腳本文件的訪問模式,如果在本地測試設(shè)置為always,默認(rèn)值:sameDomain folder:上傳文件存放的目錄?! ueueID:文件隊列的ID,該ID