HTML5如何获取文件路径?

html-css011

HTML5如何获取文件路径?,第1张

html通过file获取文件路径方法：

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年的艰苦努力，该标准规范终于制定完成。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。

标准通用标记语言下的一个应用 HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 - WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，而 W3C（World Wide Web Consortium， 万维网联盟） 专注于 XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。

<form onsubmit="return fileCountCheck(this)">

<input type="file" name="mulUp[]" multiple="multiple" required="required" />

<input type="submit" />

</form>

<script type="text/javascript">

function fileCountCheck(objForm){

if (window.File && window.FileList) {

var fileCount = objForm["mulUp[]"].files.length

if(fileCount > 10){

window.alert('文件数不能超过10个，你选择了' + fileCount + '个')

}

else {

window.alert('符合规定')

}

}

else {

window.alert('抱歉，你的浏览器不支持FileAPI，请升级浏览器！')

}

return false

}

</script>

扩展资料：

java获取路径，文件名的方法总结

1、文件路径获取

Thread.currentThread().getContextClassLoader().getResource(“”) //获得资源文件(.class文件)所在路径

ClassLoader.getSystemResource(“”)

ClassName.class.getClassLoader().getResource(“”)

ClassName.class .getResource(“/”)

ClassName.class .getResource(“”) // 获得当前类所在路径

System.getProperty(“user.dir”) // 获得项目根目录的绝对路径

System.getProperty(“java.class.path”) //得到类路径和包路径

其中ClassName为类名。

2、文件名获取

String fName =” D:\java\workspace\netmanager01\resources\mibfiles\wtView.mib “

(“\”，java中需要转义)

第一种：

File tempFile =new File( fName .trim())

String fileName = tempFile.getName()   

第二种：

fName = fName.trim()

fileName = fName.substring(fName.lastIndexOf("/")+1)

或者

fileName = fName.substring(fName.lastIndexOf("\\")+1)

第三种：

fName = fName.trim()

String temp[] = fName.split("\\\\")//split里面必须是正则表达式，"\\"的作用是对字符串转义，其中split("\\\\")的作用是：按照"\\"为分隔符，将路径截取，并存入数组，如下：temp[]=[,D:,java,workspace,netmanager01,resources,mibfiles,wtView.mib]

fileName = temp[temp.length-1](取出最后一个)

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. <title>HTML5 对于多文件选择的增强Demo</title>

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

6. </head>

7.

8. <p>multiple文件选择 FileList Demo:</p>

9. 选择文件：

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

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

当点击button时候，会触发showFileName()方法，这里将遍历所有被选择的文件，并且依次打印出它们的文件名：

1. /**

2. * This file is confidential by Charles.Wang

3. * Copyright belongs to Charles.wang

4. * You can make contact with Charles.Wang ([email protected])

5. */

6.

7. function showFileName(){

8.

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

10. var file

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

12. for(var i = 0 i<document.getElementById("multifile").files.lengthi++){

13. //file对象为用户选择的某一个文件

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

15. //此时取出这个文件进行处理，这里只是显示文件名

16. console.log(file.name)

17.

18. }

19. }

然后当点击“选择文件”按钮时，则会弹出一个对话框，让你选择，这时候，你可以按住Ctrl键并且点击鼠标左键点住你想要的文件，从而进行多文件选择。