1、1文件上傳插件FileInput介紹這個(gè)插件主頁(yè)地址是input，可以從這里看到很多Demo的代碼展示basicusagedemo這是一個(gè)增強(qiáng)的HTML5文件輸入控件，是一個(gè)Bootstrap3x的擴(kuò)；bootstrap實(shí)現(xiàn)的多種文件上傳插件，可選擇各種文件，解壓后請(qǐng)點(diǎn)擊index預(yù)覽；html上傳文件不使用flash需要封裝公共模塊調(diào)用在不使用UI框架，upload上傳附件需要使用flash插件支持，沒有flash插件，上傳附件解決方案，封裝公共模塊調(diào)用；pathclickquotstyle=quotborder1px solid cccbackground#fffquot ltinput type=quotfilequotid=quotpathquotstyle=quotdisplayquotonchange=quotupfilevalue=thisvaluequot 寫成這樣，用一個(gè)text和一個(gè)button替代file，然后讓file隱藏；1uploadify 它是針對(duì)jQuery的免費(fèi)文件上傳插件，可以輕松將單個(gè)或多個(gè)文件上傳到網(wǎng)站上，可控制并發(fā)上傳的文件數(shù)，通過接口參數(shù)和CSS控制外觀Web服務(wù)器需支持flash和后端開發(fā)語(yǔ)言2FancyUpload 它是一個(gè)由CSS和XHTML編寫；由于最近項(xiàng)目中遇到有做視頻上傳的功能，決定寫一篇文章詳細(xì)說明大文件上傳的原理和使用Baidu WebFEFEX團(tuán)隊(duì)開發(fā)的文件上傳插件WebUploader利用前端框架WebUploader配置進(jìn)行對(duì)大文件的分片由Baidu官方測(cè)試，每5M一個(gè)分片是效率。

2、最近做的一個(gè)項(xiàng)目需要圖片批量上傳，研究了一下，終于找到了一個(gè)不錯(cuò)的上傳控件Web Uploader WebUploader是由Baidu WebFEFEX團(tuán)隊(duì)開發(fā)的一個(gè)簡(jiǎn)單的以HTML5為主，F(xiàn)LASH為輔的現(xiàn)代文件上傳組件在現(xiàn)代的瀏覽器里面能充分發(fā)揮；WebUploader通過準(zhǔn)備dom結(jié)構(gòu)初始化顯示用戶選擇文件上傳進(jìn)度提示信息實(shí)現(xiàn)導(dǎo)入JS， CSS， SWF資源WebUploader的demo導(dǎo)入css等資源的流程WebUploader概述WebUploader是由Baidu WebFEFEX團(tuán)隊(duì)開發(fā)的一個(gè)簡(jiǎn)單的以HTML5為；webuploader，百度一個(gè)團(tuán)隊(duì)做的HTML5上傳插件；第三種使用fileReader讀取文件數(shù)據(jù)進(jìn)行上傳HTML5的新api，兼容性也不是特別好，只兼容到了IE10var fr = new FileReader frreadAsDataURLfile fronload = function event var data= event；1webuploader是百度研發(fā)的上傳組件，文檔不是特別規(guī)整，但是也夠用了2前端使用官網(wǎng)的上傳圖片demo，在此基礎(chǔ)上代碼略微調(diào)整做分片既可以上傳圖片也可以上傳文件文件超過分片大小才啟用分片3分片上傳已做md5校驗(yàn)，達(dá)到秒傳的效果；最近做公司官網(wǎng)的項(xiàng)目，其中有一個(gè)上傳證件照的功能，其實(shí)就是上傳圖片的功能，小萌是使用百度的一款插件WebUploader來做的，為什么使用這個(gè)插件呢其原因是WebUploader是一個(gè)簡(jiǎn)單的以HTML5為主，F(xiàn)LASH為輔的現(xiàn)代文件上傳組件；接收上傳文件的后臺(tái)處理URL”的相關(guān)代碼3當(dāng)點(diǎn)擊上面增加的“上傳文件”按鈕后，將調(diào)用action對(duì)應(yīng)的處理方法進(jìn)行文件上傳 因?yàn)椴恢滥闶鞘褂檬裁凑Z(yǔ)句作為后臺(tái)程序的運(yùn)行語(yǔ)句，這里沒法給出示例像很多都有現(xiàn)成的插件。

3、其中File對(duì)象可以是來自ltinput元素上選擇文件后返回的FileList對(duì)象4readAsDataURL將讀取出來的圖像文件，直接顯示在網(wǎng)頁(yè)上，達(dá)到預(yù)覽效果代碼展示lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitle文件讀取lt；miniuihtmlfile多文件上傳步驟如下1在頁(yè)面中引入miniuihtmlfile插件和相關(guān)的CSS和JS文件可以在MiniUI官網(wǎng)下載并安裝相關(guān)的文件2在HTML代碼中添加一個(gè)用于顯示上傳控件的容器3在JavaScript代碼中，使用miniget方；目前國(guó)內(nèi)的主流視頻網(wǎng)站 用的還是flash，所以客觀來說，是必須的，雖然html5可以用video標(biāo)簽播放視頻，但是目前沒有一個(gè)視頻格式兼容所有瀏覽器的因此Flash 成為嵌入網(wǎng)頁(yè)中的小游戲動(dòng)畫以及圖形用戶界面常用的格式這個(gè)插件是。