HTML5如何獲取文件路徑?

html通過file獲取文件路徑方法：

成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的播州網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

File f = new File(this.getClass().getResource("/").getPath());

System.out.println(f);

結(jié)果:

C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin

獲取當(dāng)前類的所在工程路徑;

如果不加“/”

File f = new File(this.getClass().getResource("").getPath());

System.out.println(f);

結(jié)果：

C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin\com\test

獲取當(dāng)前類的絕對(duì)路徑；

html5

html5是指萬維網(wǎng)的核心語言、 標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用?超文本標(biāo)記語言（ HTML）的第五次重大修改（這是一項(xiàng)推薦標(biāo)準(zhǔn)、外語原文：?W3C?Recommendation、見本處 參考資料原文內(nèi)容：? ）2014年10月29日，?萬維網(wǎng)聯(lián)盟宣布，經(jīng)過接近8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成。

HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。新的語法特征被引進(jìn)以支持這一點(diǎn)，如video、audio和canvas 標(biāo)記。HTML5還引進(jìn)了新的功能，可以真正改變用戶與文檔的交互方式，包括新的解析規(guī)則增強(qiáng)了靈活性、新屬性、淘汰過時(shí)的或冗余的屬性等。

標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用 HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后，后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣，為了推動(dòng)Web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展，一些公司聯(lián)合起來，成立了一個(gè)叫做 Web Hypertext Application Technology Working Group （Web?超文本應(yīng)用技術(shù)工作組 - WHATWG） 的組織。WHATWG 致力于 Web 表單和應(yīng)用程序，而 W3C（World Wide Web Consortium， 萬維網(wǎng)聯(lián)盟） 專注于 XHTML2.0。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來創(chuàng)建一個(gè)新版本的 HTML。

HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團(tuán)隊(duì)。

js獲取HTML5 多文件file選擇的數(shù)量

1、并沒有原生的方法控制個(gè)數(shù)。

2、解決辦法：等選擇完了用js去計(jì)算有多少個(gè)，如果超出了就提示。思路如下：

1）你可以在選擇完文件后，你的input的onchange事件中，判斷event.target.files.length就可以知道你的文件多少了。

2）在onchange事件中使用

if (event.target.files.length 10) {

console.log("圖片太多啦！超過十張啦！");

let files = event.target.files

files = Array.from(files).slice(0,10)

//此處寫你的上傳接口，參數(shù)就是files

console.log("只上傳10張哦",files)

}

這個(gè)方法可以限制文件只需要上傳選中的前10個(gè)。

擴(kuò)展資料：

1、關(guān)于input標(biāo)簽上傳文件，還有一個(gè)屬性是accept。可以限制只能上傳圖片類型，這樣可以避免用戶上傳很多非圖片的文件，不好處理。使用方法：input?id="File1" type="file"? accept="image/*"? /

2、調(diào)用接口上傳文件的方法，可以使用FormData,FromData 是一次?http mulitpartfrom-data?的請(qǐng)求內(nèi)容可以使用 append 方法向其添加名詞對(duì),然后使用 XMLHttpRequest 的 send() 方法發(fā)送.

eg:

var fileObj = new FromData();

fileObj.append('key',value); ? // value 可以是一個(gè)字符串 string 也可以是一個(gè) blob （代表，file對(duì)象）

var xhr = new XMLHttpRequest();

xhr.open('POST','url',true);

xhr.send(fileObj);

參考資料：

MDN技術(shù)文檔-input type='file'/

html5 file api 安全嗎

html5 file api 安全

FileAPI在表單中的文件輸入字段的基礎(chǔ)上，又添加了一些直接訪問文件信息的接口。HTML5在DOM中為文件輸入元素添加了一個(gè)file集合。在通過文件輸入字段選擇了一或多個(gè)文件時(shí)，files集合中將包含一組File對(duì)象，每個(gè)File對(duì)象對(duì)應(yīng)著一個(gè)文件。每個(gè)File對(duì)象都有下列只讀屬性：

name ： 本地文件系統(tǒng)的文件名； size ：文件的字節(jié)大小； type ：String類型，文件的MIME類型； lastModifiedDate ：String類型，文件最后被修改的時(shí)間。

在HTML5中，通過添加 multiple 屬性，file控件內(nèi)允許一次放置多個(gè)文件。控件內(nèi)的每一個(gè)選擇的文件都是一個(gè)file對(duì)象。

怎么修改 html5 filelist

HTML5 里面對(duì)于文件上傳有了極大的增強(qiáng)，曾幾何時(shí)，當(dāng)我們需要實(shí)現(xiàn)一個(gè)多文件雙傳功能，必須一次指定多個(gè)input

type="file，如果要上傳10個(gè)文件就必須指定10行，因?yàn)镠TML4 里面，所有的input

type="file只支持單個(gè)文件選擇、

但是在HTML5里面，可以給input type="file" 加上一個(gè)multiple屬性，這樣這個(gè)空間就直接支持多文件上傳了.廢話不多說，獻(xiàn)上代碼：

1. !DOCTYPE html

2. head

3. meta charset="UTF-8"

4. titleHTML5 對(duì)于多文件選擇的增強(qiáng)Demo/title

5. script type="text/javascript" src="js/fileops.js"/script

6. /head

7.

8. pmultiple文件選擇 FileList Demo:/p

9. 選擇文件：

10. input type="file" id="multifile" multiple size="80"/

11. input type="button" onclick="showFileName()" value="文件上傳" /

當(dāng)點(diǎn)擊button時(shí)候，會(huì)觸發(fā)showFileName()方法，這里將遍歷所有被選擇的文件，并且依次打印出它們的文件名：

1. /**

2. * This file is confidential by Charles.Wang

3. * Copyright belongs to Charles.wang

4. * You can make contact with Charles.Wang (charles_wang888@126.com)

5. */

6.

7. function showFileName(){

8.

9. console.log(" FileList Demo:");

10. var file;

11. //取得FileList取得的file集合

12. for(var i = 0 ;idocument.getElementById("multifile").files.length;i++){

13. //file對(duì)象為用戶選擇的某一個(gè)文件

14. file=document.getElementById("multifile").files[i];

15. //此時(shí)取出這個(gè)文件進(jìn)行處理，這里只是顯示文件名

16. console.log(file.name);

17.

18. }

19. }

然后當(dāng)點(diǎn)擊“選擇文件”按鈕時(shí)，則會(huì)彈出一個(gè)對(duì)話框，讓你選擇，這時(shí)候，你可以按住Ctrl鍵并且點(diǎn)擊鼠標(biāo)左鍵點(diǎn)住你想要的文件，從而進(jìn)行多文件選擇。

求教一個(gè)html5頁面 手機(jī)訪問 type="file"的問題

response.setContentType("text/html;?charset=UTF-8");

response.setHeader("Cache-Control",?"no-cache");

FileItem?file?=?((CommonsMultipartFile)?uploadfile).getFileItem();

long?size?=?file.getSize();//?吐大小

if?(size??MAX_FILE_SIZE)?{

ret.put("img_fail",?"上傳文件太大！");

return?ret;

}

if?(file.isFormField())?{

ret.put("img_fail",?"上傳文件非法！");

}

String?fileClientName?=?file.getName();

String?fileFix?=?StringUtils.substring(fileClientName,

fileClientName.lastIndexOf(".")?+?1);

if?(!StringUtils.equalsIgnoreCase(fileFix,?"jpg")

!StringUtils.equalsIgnoreCase(fileFix,?"jpeg")

!StringUtils.equalsIgnoreCase(fileFix,?"bmp")

!StringUtils.equalsIgnoreCase(fileFix,?"gif")

!StringUtils.equalsIgnoreCase(fileFix,?"png"))?{

ret.put("img_fail",?"文件格式錯(cuò)誤,非圖片格式！"+uploadfile.getOriginalFilename()+"-333s-"+uploadfile.getName());

return?ret;

html5 file 標(biāo)簽

不同的瀏覽器支持不同格式的視頻，比如谷歌 mp4(H.264/AVC)的能直接放，360的和谷歌的一樣，火狐的ogg格式的才可以放，IE7以上版本才支持video標(biāo)簽 +.+

打字不易，如滿意，望采納。

網(wǎng)站名稱：filehtml5,FILE5
本文地址：http://chinadenli.net/article22/dsidpcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、網(wǎng)站導(dǎo)航、App設(shè)計(jì)、軟件開發(fā)、網(wǎng)頁設(shè)計(jì)公司、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)