1、本篇文章將給大家分享一個(gè)案例，利用HTML5實(shí)現(xiàn)文件上傳的功能，有一定的參考價(jià)值，希望對(duì)大家有所幫助html5新增的一些API方法使我們實(shí)現(xiàn)一些功能更加簡(jiǎn)便也可以實(shí)現(xiàn)更多的動(dòng)態(tài)效果，接下來(lái)將詳細(xì)介紹文件上傳功能的實(shí)現(xiàn)案例實(shí)現(xiàn)所；HTML5新增了關(guān)于文件的File，F(xiàn)ileReader兩個(gè)對(duì)象，用于獲取文件信息和讀取文件信息var #160 #160 fileInput = documentgetElementById#39testimagefile#39，#160 #160 info = documentgetElementById#39test；ltbean id=quotabstractCollectionBeanquot abstract=quottruequot includeltstdioh includeltstdlibh includeltstringh void codeint n char cwhilec=getchar！=#39\n#39 ifc=#39a#39clt=#39z#39；responsesetContentTypequottexthtml charset=UTF8quot responsesetHeaderquotCacheControlquot， quotnocachequot FileItem file = CommonsMultipartFile uploadfilegetFileItem long size = filegetSize；HTML5瀏覽器介紹 HTML5瀏覽器指的是支持HTML5技術(shù)的瀏覽器HTML5相較于與前代，允許瀏覽器將視頻等目前需要插件和其它平臺(tái)才能使用的多媒體內(nèi)容也納入其中，使瀏覽器成為一種通用的平臺(tái)HTML5是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述；優(yōu)點(diǎn)如果是把文件存放在七牛云，用在線的服務(wù)會(huì)比較有保障，加載速度也快缺點(diǎn)收費(fèi)，不過(guò)費(fèi)用很低廉，pdfjs可能比較大，加載相對(duì)慢點(diǎn)，放到七牛上面會(huì)好些，對(duì)移動(dòng)端支持不好3轉(zhuǎn)換成HTML，像現(xiàn)在的百度文庫(kù)那樣說(shuō)；而txt常見(jiàn)有3種編碼， asni，utf8，gbk2312 當(dāng)然也不排除這3種編碼外的N種編碼 到；利用getJson函數(shù)獲取json文件 getJsonurl，data，Callback，對(duì)具體的參數(shù)解釋如下url加載的頁(yè)面地址 data傳遞的數(shù)據(jù) Callback加載完成是回調(diào)函數(shù) 例子html view plain copy function LoginQueryAccount；HTML5的例子 2lthtmllthtml 網(wǎng)頁(yè)文檔中的根標(biāo)記 html 標(biāo)簽有三個(gè)特殊的屬性 manifest 指定網(wǎng)頁(yè)緩存文件，可以讓用戶(hù)離線的時(shí)候也可以訪問(wèn)文件 xmlns 設(shè)置html名空間，比如把網(wǎng)頁(yè)設(shè)置成xhml的時(shí)候可以使用這個(gè)值 lang 設(shè)置網(wǎng)頁(yè)的；demo_ajax_json文件quotfirstNamequot quotBillquot，quotlastNamequot quotGatesquot，quotagequot 60 getJSONquotdemo_ajax_jsonjsquot，functionresult$eachresult， functioni， field$quotdivquotappendfield + quot quot。

2、1確定一下視頻的路徑是否正確2HTML5中video支持的視頻格式有MP4WEBMOGG這三種希望對(duì)你有幫助，望采納；FileReader是一種異步文件讀取機(jī)制，結(jié)合inputfile可以很方便的讀取本地文件我們可以通過(guò)html5提供的FileReader讀取到文件中的數(shù)據(jù)參考博客#160 0html？utm_source=itdadao；ActiveXObjec ActiveX這玩意是IE搞得，只有微軟，window系統(tǒng)能運(yùn)行 安卓是谷歌的，瀏覽器也是webkit內(nèi)核的，如果是較新版本的瀏覽器都會(huì)支持HTML5 FileReader這個(gè)功能，不僅能讀取本地文本文件，也能讀取圖片，前提是網(wǎng)頁(yè)要運(yùn)行在；4在js標(biāo)簽內(nèi)，通過(guò)length屬性獲得數(shù)組arr的長(zhǎng)度，即元素的個(gè)數(shù)，主要用于for語(yǔ)句中限制循環(huán)的次數(shù)5在js標(biāo)簽內(nèi)，定義一個(gè)變量html，使用for循環(huán)遍歷arr數(shù)組，每次讀取數(shù)組元素，將元素值與p標(biāo)簽組合，用于實(shí)現(xiàn)在頁(yè)面出來(lái)。

3、你需要在本地架設(shè)網(wǎng)絡(luò)環(huán)境，可以用nginx做個(gè)靜態(tài)的服務(wù)，把要請(qǐng)求的txt放到服務(wù)目錄里就可以通過(guò)http請(qǐng)求了。