無(wú)論是做Web產(chǎn)品還是Web項(xiàng)目，文件上傳是經(jīng)常要用到的功能。以前經(jīng)常聽到做項(xiàng)目的同事抱怨：“這款文件上傳控件功能強(qiáng)大但是用起來(lái)麻煩，最簡(jiǎn)單的input上傳使用方便但是功能太簡(jiǎn)單（例如不支持多文件），外觀也不盡如人意”。之后我一直留意網(wǎng)上的上傳控件，最近看到一款基于jquery的上傳插件Uploadify無(wú)論在功能、外觀、可用性和擴(kuò)展性上都有不錯(cuò)表現(xiàn)，于是研究了一番，介紹給大家。

簡(jiǎn)介

Uploadify簡(jiǎn)單說(shuō)來(lái)，是基于Jquery的一款文件上傳插件。它的功能特色總結(jié)如下：

1. 支持單文件或多文件上傳，可控制并發(fā)上傳的文件數(shù)
2. 在服務(wù)器端支持各種語(yǔ)言與之配合使用，諸如php,.NET,Java……
3. 通過(guò)參數(shù)可配置上傳文件類型及大小限制
4. 通過(guò)參數(shù)可配置是否選擇文件后自動(dòng)上傳
5. 易于擴(kuò)展，可控制每一步驟的回調(diào)函數(shù)（onSelect, onCancel……）
6. 通過(guò)接口參數(shù)和CSS控制外觀
7. 更多……

相關(guān)鏈接

Uploadify主頁(yè)地址：http://www.uploadify.com/ 在該頁(yè)面你可以了解到關(guān)于他的更多內(nèi)容。

Uploadify在線演示：在線Demo

Uploadify配置參數(shù)及接口文檔：http://www.uploadify.com/documentation

Uploadify插件下載地址：http://www.uploadify.com/download

使用方法

1. 下載插件安裝包后，可以看到里面的幾個(gè)主要文件：jquery.uploadify.js（完成上傳功能的腳本文件，在調(diào)用頁(yè)面引用）、uploadify.css（外觀樣式表）、uploader.swf（上傳控件的主體文件，flash控件）、upload.php（服務(wù)器端處理文件，官方僅提供了php版的）
2. 引用了插件文件后，在頁(yè)面中做如下調(diào)用：

   //聲明一個(gè)普通的html文件上傳控件，并指定id
   <input type="file" name="fileInput" id="fileInput" />

   it知識(shí)庫(kù)：易用的jQuery上傳插件Uploadify，轉(zhuǎn)載需保留來(lái)源！

   鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。