|
無論是做Web產(chǎn)品還是Web項(xiàng)目,文件上傳是經(jīng)常要用到的功能。以前經(jīng)常聽到做項(xiàng)目的同事抱怨:“這款文件上傳控件功能強(qiáng)大但是用起來麻煩,最簡(jiǎn)單的input上傳使用方便但是功能太簡(jiǎn)單(例如不支持多文件),外觀也不盡如人意”。之后我一直留意網(wǎng)上的上傳控件,最近看到一款基于jquery的上傳插件Uploadify無論在功能、外觀、可用性和擴(kuò)展性上都有不錯(cuò)表現(xiàn),于是研究了一番,介紹給大家。
簡(jiǎn)介
Uploadify簡(jiǎn)單說來,是基于Jquery的一款文件上傳插件。它的功能特色總結(jié)如下:
- 支持單文件或多文件上傳,可控制并發(fā)上傳的文件數(shù)
- 在服務(wù)器端支持各種語言與之配合使用,諸如php,.NET,Java……
- 通過參數(shù)可配置上傳文件類型及大小限制
- 通過參數(shù)可配置是否選擇文件后自動(dòng)上傳
- 易于擴(kuò)展,可控制每一步驟的回調(diào)函數(shù)(onSelect, onCancel……)
- 通過接口參數(shù)和CSS控制外觀
- 更多……
相關(guān)鏈接
Uploadify主頁地址:http://www.uploadify.com/ 在該頁面你可以了解到關(guān)于他的更多內(nèi)容。
Uploadify在線演示:在線Demo
Uploadify配置參數(shù)及接口文檔:http://www.uploadify.com/documentation
Uploadify插件下載地址:http://www.uploadify.com/download
使用方法
- 下載插件安裝包后,可以看到里面的幾個(gè)主要文件:jquery.uploadify.js(完成上傳功能的腳本文件,在調(diào)用頁面引用)、uploadify.css(外觀樣式表)、uploader.swf(上傳控件的主體文件,flash控件)、upload.php(服務(wù)器端處理文件,官方僅提供了php版的)
- 引用了插件文件后,在頁面中做如下調(diào)用:
//聲明一個(gè)普通的html文件上傳控件,并指定id
<input type="file" name="fileInput" id="fileInput" />it知識(shí)庫:易用的jQuery上傳插件Uploadify,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。