HTML5如何获取文件路径?

html-css038

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 (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 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键并且点击鼠标左键点住你想要的文件,从而进行多文件选择。