JS--获取file文件全路径(ie和ff已经兼容)

最新推荐文章于 2024-05-31 16:16:35 发布
最新推荐文章于 2024-05-31 16:16:35 发布
阅读量1.4k 收藏 1
点赞数
文章标签： js ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_4927/article/details/82548217
版权 
<html>
            <head>
            <title>File Input</title>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <style>
            body{font-size:13px;}
            .box{border:1px solid #eee;background:#ffe;padding:10px 30px;margin:10px;}
            dt{font-weight:bold;}
            dt,img,textarea{margin:8px 0;}
            em{color:#f00; font-style:normal;}
            span{color:#999;}
            .ft{color:#999;font-size:11px;text-align:right}
            </style>
            </head>
            <body>
            <h2>在不同浏览器中获取File Input的value</h2>
            <div class="box">
            <input type="file" name="foo" id="foo" size="60" />
            <input type="button" value="Show Value" οnclick="alert(document.getElementById('foo').value)" />
            <input type="button" value="Show Value in FF3" οnclick="alert(getValueFF('foo'))" />
            <input type="button" value="Show Value in IE8" οnclick="alert(getValueIE8('foo'))" />
            </div>
            <div class="box">
            <dl>
            <dt>Firefox 2.x、IE6、IE7</dt>
            <dd>在本地及远端都可以取得完整地址（包括路径及文件名）</dd>
            </dl>
            <dl>
            <dt>Firefox 3.0</dt>
            <dd>在本地及远端都<em>不能</em>取得完整地址，只能获得文件名</dd>
            </dl>
            <dl>
            <dt>IE8、IE7[IE8模拟]</dt>
            <dd>在本地可以取得完整地址（包括路径及文件名），在远端<em>不能</em>取得完整地址，只能获得文件名</dd>
            </dl>
            <span>* 本地：localhost</span>
            </div>
            <div class="box">
            <h3>如何在Firefox3下取得完整路径</h3>
            <p>
            第一步：打开"about:config"页面，查找"signed.applets.codebase_principal_support"属性，将其值设置为true。
            </p>
            <p>
            第二步：在javascript中采用以下代码进行获取：<br />
            <textarea style="width:800px;height:300px;">
            function getValueFF(id){
            var ip = document.getElementById(id);
            if (ip.files) {
            //ffx3 - try to have access to full path
            try {
            netscape.security.PrivilegeManager.enablePrivilege( 'UniversalFileRead' )
            }
            catch (err) {
            //need to set signed.applets.codebase_principal_support to true
            }
            };
            return ip.value;
            }
            </textarea>
            </p>
            <p>
            经过以上步骤，在Firefox3下获取file input的value时，会弹出一个Internet Security的对话框，点击"Allow"将可以获取完整value。<br />
            <span>资料：<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=143220" target="_blank">https://bugzilla.mozilla.org/show_bug.cgi?id=143220</a></span>
            </p>
            </div>
            <div class="box">
            <h3>如何在IE8下取得完整路径</h3>
            <p>方法一：使用selection.createRange <br />
            <textarea style="width:800px;height:150px;">
            function getValueIE8(id){
            var ip = document.getElementById(id);
            ip.select();
            return document.selection.createRange().text;
            }
            </textarea>
            </p>
            <p>方法二：引用：<a href="https://bugzilla.mozilla.org/attachment.cgi?id=328849" target="_blank">https://bugzilla.mozilla.org/attachment.cgi?id=328849</a></p>
            </div>
            <script language="JavaScript">
            function getValueFF(id){
            var ip = document.getElementById(id);
            if (ip.files) {
            //ffx3 - try to have access to full path
            try {
            netscape.security.PrivilegeManager.enablePrivilege( 'UniversalFileRead' )
            }
            catch (err) {
            //need to set signed.applets.codebase_principal_support to true
            }
            };
            return ip.value;
            }
            function getValueIE8(id){
            var ip = document.getElementById(id);
            ip.select();
            return document.selection.createRange().text;
            }
            </script>
            </body>
            </html>

 开发者博客：www.developsearch.com

iteye_4927
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html js 获取站点路径,js获取file的文件路径
weixin_30654137的博客
05-31 1920
js中获取file控件的文件名不要路径实例。。js中获取file控件的文件名不要路径实例。。不要文件路径就要文件名。文RunJSvar ck=function(inp){alert(inp.value.replace(/.*\\([^\\]+)$/,"$1"));};怎么用js来获取 file中的上传文件的文件名在firefox上，input(type=file)默认获取到的value值就是文件名...
js获取上传文件的绝对路径实现方法
12-10
在html中 <input type="file" id="importFile" /> <input type="button" onclick="upload()"/> [removed] function upload() { var filename = document.getElementById("importFile").value; // 这时的filename不是 importFile 框中的值 alert(filename); } [removed] 如上面的代码，用文件上传对话框选择文件后，如果选择”D:\\temp\file\test.txt”文
javascript读取本地目录
最新发布
知码客
05-31 1157
在JavaScript中，直接读取本地目录的能力受到浏览器安全限制，因为出于隐私和安全考虑，浏览器的JavaScript环境通常不允许直接访问用户的文件系统。然而，随着Web技术的发展，一些现代浏览器引入了File System API或Web FileSystem API，允许在用户许可的情况下进行有限的文件系统操作。总之，如果你需要在浏览器环境中读取本地目录，目前最可行的方法是使用File System Access API，但请注意这需要用户交互并且不适用于所有浏览器。但这不适用于其他浏览器。
js中获取file控件的完整路径实例
Awen_liang1002
08-15 3万+
本文章来给大家介绍一个js中获取file控件的完整路径实例，有需要了解的朋友可以参考参考。 document.getElementById（""my-file""）.files办法用于获取到用户所选择的文件的凑集，一般景象下都是选择单一文件（貌似FireFox如许做是支撑多文件选择的，不过没有试过，读者可以本身去测验测验），item数组可以获得此中的某一个文件，然后我们就可以应用 n
IE7/IE8获取路径的一些问题
hongyanjava的专栏
07-11 1870
最近在写个小网站，用到了fileupload控件来上传文件。因为程序的某些需要，要获取上传文件的本地路径，在CS代码中使用的是 fileupload1.PostedFile.FileName，结果发现得出来的只是文件名，不包含路径，记得以前确实是用这样的方法取得过路径的。于 是上
js获取file文件路径
m0_74860299的博客
11-21 419
获取file选择文件物理路径方法。获取file选择文件名方法。
js获取file文件选择路径
m0_74860299的博客
11-21 298
var fileObj = document.querySelector(".file") fileObj.addEventListener('mouseleave',function() { var url = null; fileObj = document.querySelector(".file").files[0];if (window.createObjcectURL != undefined) { url = window.createOjcectURL(
在页面预览客户端本地图片的js代码(兼容FF IE)
12-12
公司最近有个项目有这样的需求我才发现我之前写的 如何通过JS获取用户本地图片路径 这篇文章里所使用的方法只支持本地页面预览本地图片 有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题，编程复杂度也...
兼容IE和FF的图片上传前预览js代码
10-27
在探讨如何使用JavaScript实现在Web页面中上传图片前进行预览，并且能够兼容Internet Explorer（IE）和Firefox（FF）这两种浏览器时，需要掌握的关键知识点包括HTML5的File API、FileReader API、DOM操作、以及CSS...
js获取文件里面的所有文件名(实例)
10-19
- **解读**：通过`fso.GetFile()`方法获取指定路径的文件对象，并通过`f1.DateLastModified`属性获取该文件的最后修改日期。 ##### 3. 获取磁盘信息 ```javascript var drv; var s = ''; drv = fso.GetDrive(fso....
javascript文件中获取当前文件路径
08-24
在开发javascript插件的过程中，我们有时候需要获取当前JS文件的路径，用于自动加载一些图片、CSS等外部资源，但是javascript文件中并没有像PHP那样的__FILE__常量来供我们取得当前文件路径
JS正确读取文件路径
11-20
解决由于IE安全性设置造成的不能正确读取文件路径的问题
javascript 获取表单file全路径
10-29
在ie6中对于<input type="file" />通过obj.value是可以获取客户端选择文件的全路径的，但是到ie7就只能获取文件名，这对于onchange事件立即显示图片会有问题，可以用js方法解决
js弹出窗口 + 获取上传文件全路径
04-05
NULL 博文链接：https://maidoudao.iteye.com/blog/1511757
js获取上传文件夹里面的文件路径
qq_48102364的博客
08-23 1925
【代码】js获取上传文件夹里面的文件路径。
js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径
热门推荐
奋斗の小鸟
11-27 9万+
分为两部分，自己去判断浏览器的类型，然后调用不同函数，一定要引入jQuery，上面是我的Jquery的路径 在IE低版本中可以直接获得文件路径，不过在高版本和firefox和chrome中是不允许的。那是个漏洞 这样就能实现不用上传就可以实现图片的实时预览了 1.IE内核的部分，IE10 没问题，别的没试， 无标题文档 var imgurl = ""; func
javascript 获取file的全路径
IT部落阁
05-27 2457
图片上传时，可能要在客户端预览一下，这样我们就要用javascript获取上传文件的全路径，以下是获取全路径的方法 function getFilePath(obj){     if(obj){           //ie          if (window.navigator.userAgent.indexOf(“MSIE”)>=1){               obj
conda install --yes --file 文件路径
04-23
这是一个用于在Conda环境中安装指定软件包的命令，其中“文件路径”是指包含要安装软件包的文件路径。该命令将读取文件中列出的软件包名称，并在Conda环境中安装这些软件包。注意，使用此命令之前需要先激活所需的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值