html通過file獲取文件路徑方法:
成都創(chuàng)新互聯公司堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網站建設、網站設計、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的播州網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
File f = new File(this.getClass().getResource("/").getPath());
System.out.println(f);
結果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin
獲取當前類的所在工程路徑;
如果不加“/”
File f = new File(this.getClass().getResource("").getPath());
System.out.println(f);
結果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin\com\test
獲取當前類的絕對路徑;
html5
html5是指萬維網的核心語言、 標準通用標記語言下的一個應用?超文本標記語言( HTML)的第五次重大修改(這是一項推薦標準、外語原文:?W3C?Recommendation、見本處 參考資料原文內容:? )2014年10月29日,?萬維網聯盟宣布,經過接近8年的艱苦努力,該標準規(guī)范終于制定完成。
HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點,如video、audio和canvas 標記。HTML5還引進了新的功能,可以真正改變用戶與文檔的交互方式,包括新的解析規(guī)則增強了靈活性、新屬性、淘汰過時的或冗余的屬性等。
標準通用標記語言下的一個應用 HTML標準自1999年12月發(fā)布的HTML4.01后,后繼的HTML5和其它標準被束之高閣,為了推動Web標準化運動的發(fā)展,一些公司聯合起來,成立了一個叫做 Web Hypertext Application Technology Working Group (Web?超文本應用技術工作組 - WHATWG) 的組織。WHATWG 致力于 Web 表單和應用程序,而 W3C(World Wide Web Consortium, 萬維網聯盟) 專注于 XHTML2.0。在 2006 年,雙方決定進行合作,來創(chuàng)建一個新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的 HTML 工作團隊。
1、并沒有原生的方法控制個數。
2、解決辦法:等選擇完了用js去計算有多少個,如果超出了就提示。思路如下:
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)
//此處寫你的上傳接口,參數就是files
console.log("只上傳10張哦",files)
}
這個方法可以限制文件只需要上傳選中的前10個。
擴展資料:
1、關于input標簽上傳文件,還有一個屬性是accept。可以限制只能上傳圖片類型,這樣可以避免用戶上傳很多非圖片的文件,不好處理。使用方法:input?id="File1" type="file"? accept="image/*"? /
2、調用接口上傳文件的方法,可以使用FormData,FromData 是一次?http mulitpartfrom-data?的請求內容可以使用 append 方法向其添加名詞對,然后使用 XMLHttpRequest 的 send() 方法發(fā)送.
eg:
var fileObj = new FromData();
fileObj.append('key',value); ? // value 可以是一個字符串 string 也可以是一個 blob (代表,file對象)
var xhr = new XMLHttpRequest();
xhr.open('POST','url',true);
xhr.send(fileObj);
參考資料:
MDN技術文檔-input type='file'/
html5 file api 安全
FileAPI在表單中的文件輸入字段的基礎上,又添加了一些直接訪問文件信息的接口。HTML5在DOM中為文件輸入元素添加了一個file集合。在通過文件輸入字段選擇了一或多個文件時,files集合中將包含一組File對象,每個File對象對應著一個文件。每個File對象都有下列只讀屬性:
name : 本地文件系統的文件名; size :文件的字節(jié)大??; type :String類型,文件的MIME類型; lastModifiedDate :String類型,文件最后被修改的時間。
在HTML5中,通過添加 multiple 屬性,file控件內允許一次放置多個文件。控件內的每一個選擇的文件都是一個file對象。
HTML5 里面對于文件上傳有了極大的增強,曾幾何時,當我們需要實現一個多文件雙傳功能,必須一次指定多個input
type="file,如果要上傳10個文件就必須指定10行,因為HTML4 里面,所有的input
type="file只支持單個文件選擇、
但是在HTML5里面,可以給input type="file" 加上一個multiple屬性,這樣這個空間就直接支持多文件上傳了.廢話不多說,獻上代碼:
1. !DOCTYPE html
2. head
3. meta charset="UTF-8"
4. titleHTML5 對于多文件選擇的增強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="文件上傳" /
當點擊button時候,會觸發(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對象為用戶選擇的某一個文件
14. file=document.getElementById("multifile").files[i];
15. //此時取出這個文件進行處理,這里只是顯示文件名
16. console.log(file.name);
17.
18. }
19. }
然后當點擊“選擇文件”按鈕時,則會彈出一個對話框,讓你選擇,這時候,你可以按住Ctrl鍵并且點擊鼠標左鍵點住你想要的文件,從而進行多文件選擇。
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",?"文件格式錯誤,非圖片格式!"+uploadfile.getOriginalFilename()+"-333s-"+uploadfile.getName());
return?ret;
不同的瀏覽器支持不同格式的視頻,比如谷歌 mp4(H.264/AVC)的能直接放,360的和谷歌的一樣,火狐的ogg格式的才可以放,IE7以上版本才支持video標簽 +.+
打字不易,如滿意,望采納。