Atitit.js获取上传文件全路径

1. 默认的value只能获取文件名。。安全原因。。 1

2. Firefox浏览器的读取 1

3. Html5 的file api 2

4. 解决方法：：使用applet插件 2

5. 参考 3

1. 默认的value只能获取文件名。。安全原因。。

js是无法获取file 控件的值的，你要获取的话可以通过后台程序语言用json或者xml之类的格式来返回被上传的文件路径。

file是一种特殊的input，不能被赋值，也不能被javascript取值，只能随表单提交，而且随表单提交的也是file路径所指向的文件本身。



这是浏览器安全原因所限制的，如果可以取值和赋值的话，那么javascript就可以随意获取你电脑上的文件了，这是非常危险的

不能获取的。你可以读取里面的内容，以便预览等处理

作者:: 老哇的爪子 Attilax 艾龙，  EMAIL:1466519819@qq.com

转载请注明来源： http://blog.csdn.net/attilax

2. Firefox浏览器的读取

使用firefox 主要是firefox的getAsDateURL()或者  方法对路径进行了加密

获取到的是  blob:http://localhost:8080/c43a7b27-6bfc-4a6d-a933-516175198f41

Ff window.URL.createObjectURL也是这样

好像是二进制数据，img可以用。。但是路径没有。。

3. Html5 的file api

雅士自能名字，不能路径

4. 解决方法：：使用applet插件

Prj。Vod2

<input name="button4" type="button" id="button4" onclick="MM_openBrWindow('../com.attilax/filepath.html?callback=set_txtpath','','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=300,height=300')" value="插件浏览" />

------------filepath.html

<body>

<script src="web/req.js"></script>

<applet codebase="../classes"

code="aaaCfg.FileFullPathJApplet.class"

ARCHIVE="ant-1.8.2.jar"

name="ftpApp2"

width="320"

height="240">

<!--<param name="p0" value="">

<param name="p1" value="">-->

</applet>

<script>

function callback(file)

{

// alert(file);

var openner_callback=UrlParm.parm('callback');

var meth="window.opener."+openner_callback;

//alert(meth)

var exe= meth+"(file)";

// alert(exe);

eval(exe);

window.close();

}

</script>

5. 参考

Firefox 7.0下getAsDataURL取文件绝对路径的替代方法-VEase.htm

javascript 调用 window.URL.createObjectURL(fileObj) 时老说类型无效，代码如下_百度知道.htm

JS获取上传文件的绝对路径，兼容IE和FF - ydmx_lei的日志 - 网易博客.htm

html5获取文件上传的路径问题-CSDN论坛-CSDN.NET-中国最大的IT技术社区.htm

Atitit.java的浏览器插件技术  Applet  japplet attilax总结

atitit. applet 浏览器插件 控件 的环境，开发，提示总结o9o

Atitit.js获取上传文件全路径的更多相关文章

  1. ie下获取上传文件全路径

    ie下获取上传文件全路径,3.5之后的火狐是没法获取上传文件全路径的 /*获取上传文件路径*/ function getFilePath(obj) { var form = $(this).paren ...

  2. asp.net 客户端上传文件全路径获取方法

    asp.net  获取客户端上传文件全路径方法: eg:F:\test\1.doc 基于浏览器安全问题,浏览器将屏蔽获取客户端文件全路径的方法,只能获取到文件的文件名,如果需要获取全路径则需要另想其他 ...

  3. js获取上传文件内容(未完待续)

    js 获取上传文件的字节数及内容 <div> 上传文件 : <input type="file" name = "file" id = &qu ...

  4. js获取上传文件内容

    js 获取上传文件的字节数及内容 <div> 上传文件 : <input type="file" name = "file" id = &qu ...

  5. JS获取上传文件的绝对路径，兼容IE和FF

    <input type="file" id="fileBrowser" name="fileBrowser" size="5 ...

  6. js 获取上传文件的字节数及内容

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. JS 获取上传文件的内容

    <div> 上传文件 : <input type="file" name = "file" id = "fileId" / ...

  8. js获取上传文件的绝对路径

    在html中    <input type="file" id="importFile" />    <input type="bu ...

  9. struts2 JS获取上传文件的绝对路径，兼容IE和FF

    因为file控件上传失败后会自动清空,所以使用文本框来保存上传路径,而且在不同的浏览器下,控件的样式也需要兼容.下面是自己用到的实例 // 初始化判断浏览器的版本,根据版本的不同使用不同的样式func ...

随机推荐

  1. HDU 4635 Strongly connected （2013多校4 1004 有向图的强连通分量）

    Strongly connected Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Other ...

  2. errno错误码及含义(中文)

    /usr/include/asm/errno.h #define EPERM 1 /* Operation not permitted */操作不允许 #define ENOENT 2 /* No s ...

  3. vscode快捷键－for mac

    默认显示当前所有页面: command p ?: 显示可操作方法 >: 打开命令面板, 同comand shift p : : 跳转到对应行数 @: 搜索并跳转到应变量或函数 @: : 同上,分 ...

  4. Java 的BigDecimal

    原文:http://blog.csdn.net/diyu122222/article/details/76887382 decimal decimal(18,0) 18是定点精度,0是小数位数. de ...

  5. Android Studio断点调试

    Android Studio断点调试 Android Studio包含一个debugger程序,可以帮助你在模拟器和真机上调试你的android应用.通过Android Studio的debugger ...

  6. WAF实现扫描器识别

    目前安全测试的软件越来越多,也越来越强大,越来越多的人成为[黑客],今天在网上看到一个文章说拦截wvs的扫描,勾起了我写这篇文章的欲望.   因为公司的三大业务之一就有一个云waf,每天拦截的日志里面 ...

  7. 阿里云NAS使用方法

    1.创建文件系统 #在创建文件系统页面,填写各项参数.根据项目需求选择存储类型 2.添加挂载点 文件系统实例创建完成后,您需要为文件系统添加挂载点,用于计算节点(ECS 实例.E-HPC 或容器服务) ...

  8. TensorFlow------读取CSV文件实例

    TensorFlow之读取CSV文件实例: import tensorflow as tf import os def csvread(filelist): ''' 读取CSV文件 :param fi ...

  9. Vue侦听器watch

    虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器.这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法,来响应数据的变化.当需要在数据变化时执行异步或开销较大的操作时,这 ...

  10. 关于onclick的执行原理

    js 或者 jQuery 为文档某一节点添加onclick事件的时候,添加的onclick事件会添加在原节点的onclick事件之后,不会覆盖之前的onclick事件  如果不想让原onclick事件 ...