JavaScript 获取上传文件的本地绝对路径

最新推荐文章于 2024-05-31 16:16:35 发布
原创 最新推荐文章于 2024-05-31 16:16:35 发布 · 9.9k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #firefox #chrome #浏览器 #脚本 #语言

本文介绍了一种在特定浏览器环境中获取用户上传文件本地绝对路径的方法。通过设置浏览器的安全权限，可以在Chrome、Firefox和IE等浏览器中实现这一功能。

 

一直苦恼于在表单提交时获得上传文件的本地绝对路径。

由于javascript是在浏览器环境运行的脚本语言，所以javascript的权限很低，不能操作本地资源，这样的好处是安全性提高了，但是也带来了开发的不便。

其实这里介绍的获取文件路径也是一个破坏安全性的例子，不过有的时候确实有这方面的需求。

本人测试，在chrome 8，firefox3.6，IE9下能正常运行，下面是代码：

try {

netscape.security.PrivilegeManager.enablePrivilege( 'UniversalFileRead' );

}

catch (err) {

//need to set signed.applets.codebase_principal_support to true

}

PS：在firefox中，需要设置：

打开"about:config"页面，查找"signed.applets.codebase_principal_support"属性，将其值设置为true

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”文
在html页面使用JavaScript实行文件上传到本地服务器并获取文件所在路径
02-29
使用JavaScript实现文件上传到本地服务器并获取到上传后文件所在路径，是由到JavaScript，java以及html页面。这个比较好，不是在jsp上获取路径，jsp太简单了，而且过时了，所以就在html页面实现了下功能，我主要是做出来插入到毕设项目中去。
js获取上传文件夹里面的文件路径
qq_48102364的博客
08-23 2406
【代码】js获取上传文件夹里面的文件路径。
js获取上传文件的绝对路径
weixin_34293911的博客
11-17 1844
在html中    &lt;input type="file" id="importFile" /&gt;    &lt;input type="button" onclick="upload()"/&gt;&lt;script&gt;function upload() {    var filename = document.getElementById("import
asp.net实现上传文件显示本地绝对路径的实例代码
01-20
页面代码主要就是JSview ... ”javascript” type=”text/javascript”><!– function Imagesrc() { document.getElementById(“image”).src=document.all.FileUpload1.value; } // –></mce> </hea
JS获取input file绝对路径的方法(推荐)
10-21
总体来说，文章介绍了通过JavaScript获取文件路径的方法，并详细说明了在不同浏览器之间进行兼容性处理的必要性。此外，还涉及到了浏览器安全策略对代码实现的影响，以及如何在必要时通过用户手动配置来绕过这些安全...
html5中如何将图片的绝对路径转换成文件对象
09-28
要实现将图片的绝对路径转换成文件对象，首先需要通过某种方式获取图片的绝对路径。然后，可以利用JavaScript来创建一个Blob对象，从而模拟文件上传过程。由于直接从绝对路径创建File对象是不可能的，因为File对象...
通过JS获取文件上传路径
gchg1030的专栏
11-30 3732
 最近在写个小网站，用到了 fileupload 控件来上传文件。因为程序的某些需要，要获取上传文件的本地路径，在 CS 代码中使用的是 fileupload1.PostedFile.FileName ，结果发现得出来的只是文件名，不包含路径，记得以前确实是用这样的方法取得过路径的。       于是上网搜索了下，原来是因为高版本的浏览器设定为了安全起见，已经不会显示文件路径。只有想办法用 J
javascript文件中获取当前文件路径
08-24
在开发javascript插件的过程中，我们有时候需要获取当前JS文件的路径，用于自动加载一些图片、CSS等外部资源，但是javascript文件中并没有像PHP那样的__FILE__常量来供我们取得当前文件路径
JS获取当前脚本文件的绝对路径
11-25
当写模块加载器时，获取当前脚本文件的绝对路径作为基础路径是必不可少的一步，下面我们一起来探讨一下这个问题吧！ 一、各大浏览器的实现方式　　　　　　　　　　　　　　　　  [a]. Chrome和FF  超简单的一句足矣！ var getCurrAbsPath = function(){ return document.currentScript.src; }; 这里利用了对象 document.currentScript ，它返回的是当前执行的script元素；然后调用script元素的src属性即可获取脚本文件的绝对路径。   [b]. IE10+、Safari和Opera9  利用E
获取上传文件的本地路径
k_happy的博客
10-21 1万+
在Cesium上显示要导入的航线区域，要导入的格式是.kml，用到Cesium中的Cesium.KmlDataSource.load()方法， 方法参数如下： 方法1：使用url 在参数data中需要传入 url ，目前在项目中使用的是el-upload，获取不到上传文件的本地路径。后期找到方法使用FileReader 来读取，方法返回的是一个DataURL，在fileChange方法里...
JS获取上传文件的绝对路径，兼容IE和FF
Robert_cao1995的博客
06-19 334
<input type="file" id="fileBrowser" name="fileBrowser" size="50" onchange="readFile(this)" /> <script type="text/javascript">function readFile(fileBrowser) { if (navigator.userA...
在.js文件中获取绝对路径的方法
热门推荐
myth_g的博客
12-07 2万+
在不同页面请求相同的相对路径时,有的页面是不能获得响应的,如果将请求地址设置为绝对路径,那么无论在什么页面都能访问到. 如果在jsp中我们可以用base标签. " 或者在请求路径前面加上el表达式 ${pageContext.request.contextPath}/ 但是,如果在js文件中,我们就无法使用到el表达式了.这时我们可以使用jstl表达式,将工程名路径放到作用域中
JS获取本地文件所在的绝对路径
自由程序员（网络偏执狂）- epzk
07-23 1万+
用FileSystemObject:      创建文件夹:    FileSystemObject.CreateFolder       删除文件夹:    Folder.Delete    或    FileSystemObject.DeleteFolder       移动文件夹:    Folder.Move    或    FileSystemObject.MoveFolder     
js读取本地文件
lert707的博客
09-11 1万+
js读取本地文件 js读取本地文件介绍 在h5以前，js是没有办法读取文件的 实现步骤： 获取file， 可以从中获取 var file = document.querySelector('.file').files[0]; 创建一个fileReader的对象： var fileReader = new FileReader(); 读取文件 reader.readAsDataURL(f...
javascript读取本地目录
最新发布
知码客
05-31 2459
在JavaScript中，直接读取本地目录的能力受到浏览器安全限制，因为出于隐私和安全考虑，浏览器的JavaScript环境通常不允许直接访问用户的文件系统。然而，随着Web技术的发展，一些现代浏览器引入了File System API或Web FileSystem API，允许在用户许可的情况下进行有限的文件系统操作。总之，如果你需要在浏览器环境中读取本地目录，目前最可行的方法是使用File System Access API，但请注意这需要用户交互并且不适用于所有浏览器。但这不适用于其他浏览器。
Js获取上传文件的绝对路径时总是的到C:\fakepath\+文件名称 解决方案
weixin_44785209的博客
02-22 1598
Internet选项 > 安全 > 自定义级别 > 将文件上传到服务器时包含本地目录路径（启用）最近上传文件获取绝对路径总是 获取到C:\fakepath+文件名称。
HTML页面中JavaScript实现文件上传并获取路径的教程
上传文件" onclick="uploadFile()"> ``` JavaScript部分的职责是通过操作DOM元素来读取用户选择的文件，并通过AJAX（例如使用XMLHttpRequest或Fetch API）将文件数据发送到服务器。这里需要注意的是，现代浏览器...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值