input type="file" 选取文件路径时出现fakepath问题IE浏览器解决办法

最新推荐文章于 2024-07-24 14:03:49 发布
最新推荐文章于 2024-07-24 14:03:49 发布
阅读量1w 收藏 1
点赞数 1
分类专栏： HTML/浏览器/HTTP 文章标签： file pakepath
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012036171/article/details/44904313
版权

今天写代码时需要用户选取一个文件然后提交，因为需要用到文件的绝对路径，所有我用一个 text文本框接住地址，于是我发现了问题


高版本的浏览器为了安全期间，会将路径的进行隐藏，并且加上fakepath取代其中的地址，这样就与我想要的结果不一样了，我查了很多资料，但是只解决了ie浏览器的问题。谷歌的Chrome内核的貌似是禁止 input file 获取绝对路径的。

那么IE浏览器怎么解决呢？

我们需要修改一下设置：

工具 -> Internet选项 ->安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”，选中“启用”即可。


IE浏览器下打开测试：


现在IE浏览器可以了。

但是谷歌貌似没有好办法解决这个问题啊。。。唉唉唉

WionWan
关注
专栏目录
兼容ie8的文件上传美化 input type="file"
王二丫的博客
03-23 4391
先上效果图：上传文件格式正确：上传文件格式错误：HTML：<div>         <div class="file">选择文件                <input type="file" class="file-input" />                     <div class="showFileName"
vue中input获取文件路径_vue中使用input[type="file"]实现文件上传功能
weixin_35172689的博客
12-24 2611
注意:input[type="file"]标签中的属性accept="application/msword,application/pdf"在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚发现,如果有遇到这个问题的可以参考下---下面有更改:)```Apply OnlineCustomer Car Mana...
使用js获取input file的路径C:\fakepath\问题
热门推荐
cgs的博客
07-01 4万+
有时候，我们给程序添加完一个功能，在本地测试是完全可以正常运行的，但一发布到Web上
iinput获取: input上传文件夹获取及其子文件夹所有图片并获取本地图片所在路径
最新发布
qq_42463588的博客
07-24 547
某些情况下，你可以使用HTML5的File System API（例如IndexedDB或File System Access API）来请求访问文件系统中的特定位置，但这通常用于Web应用需要存储数据到用户设备的场景，并且需要用户的明确授权。在实际的Web开发中，通常的做法是让用户选择文件，然后对这些文件进行操作（如上传、预览等），而不是获取文件的路径。：如果你需要获取文件的完整路径，你可能需要开发一个桌面应用程序，用户可以在本地运行该程序来选择文件，并显示或处理文件路径。
input【type=“file”】上传图片，浏览器路径出现“fakepath”的解决方法
weixin_43902063的博客
12-07 5371
在遇到这个问题的时候我也查了很多解决方法，之所以会出现这个问题，是出于浏览器的安全机制，input file的路径被fakepath代替，隐藏了真实路径。 1.而网上大多数是这种解决方法 使用window.URL.createObjectURL() var url = null; var fileObj = document.getElementById("inputfile").files...
关于JS选择文件后在input中显示C:\fakepath\路径问题
@凌晨三点半的博客
04-24 5171
主要是为了安全问题。浏览器通过安全设置做了一个假路径。不影响正常的文件上传
input file fakepath问题
qq_28543355的博客
12-08 348
.jsp <input name="_model_filemainOnline" id="_model_filemainOnline" type="file" accept=".doc,.docx,.wps"> .java var fileEle = document.getElementById('_model_filemainOnline'); fileEle.select(); fileEle.blur(); var filePath = document.selection.creat
input type="file"标签图片上传路径fakepath问题
qq_41242758的博客
03-29 3570
图片上传路径C:\fakepath\问题 今天在写html图片input标签图片上传预览，出现了C:\fake\路径问题，在纠结了一个多小时为什么的时候，实在不知道怎么办了，就来博客找大佬，才发现由于浏览器的安全机制，把要上传的图片真实路径给隐藏了，对外只显示C:\fakepath+图片名 我们需要对图片路径进行处理，要用到objcetURL = window.URL.createObjectUR...
IE8上传文件时javascript取文件的真实路径的问题（\"C:\\fakepath\\xxxxx )
03-28
标题 "IE8上传文件时javascript取文件的真实路径的问题（\"C:\\fakepath\\xxxxx )" 描述了一个在使用Internet Explorer 8 (IE8) 浏览器进行文件上传时遇到的技术挑战。在这个问题中，JavaScript无法获取到文件的实际...
解决文件上传取不到真实路径问题(fakepath)
weixin_34235105的博客
12-31 4872
1、问题描述:前一段时间要做一个excel数据导入到数据库的功能,当时用的是googlechrome,没有用form表单,仅仅一个<inputtype="file"/>组件,上传excel时怎么也去不到文件路径,不论是从哪个驱动器上传,文件路径都是:c:\fakepath\文件名.xls。2、解决方案网上转悠了老半天,没找到一个完美的方案,最后经个同事指导:...
java fakepath_解决文件上传取不到真实路径问题(fakepath)
weixin_39888082的博客
02-28 2347
1、问题描述:前一段时间要做一个excel数据导入到数据库的功能,当时用的是googlechrome,没有用form表单,仅仅一个组件,上传excel时怎么也去不到文件路径,不论是从哪个驱动器上传,文件路径都是:c:\fakepath\文件名.xls。2、解决方案网上转悠了老半天,没找到一个完美的方案,最后经个同事指导:利用一个js(插件)ajaxfileupload.js,源码放到最后面,先看...
chrome浏览器上传文件fakepath问题
FightingITPanda的博客
11-04 5831
chrome浏览器接收到上传文件地址 IE浏览器可以获取到真实路径 说是chrome出于安全考虑，搞了个虚拟路径fakepath 我的需求是： 表单上传文件和数据，封装到对象a里传给另一个服务去处理, 现在这个fakepath扔过去就是一个空文件对象，报错 解决： 一顿百度chrome咋拿file真实路径， 其实不用拿路径，拿到也没用，都不在一台服务器上，有路径也取不到文件， 上传的文件spring帮我们生成了一个临时文件 所以，直接从前台传文件对象 form.append("file", docu
JS获取input 【type=“file“】的物理路径，解决浏览器C:\fakepath\的问题
帝都的雁的博客
01-17 3万+
相信很多猿友一定遇到过上传文件时，发现文件路径被替换为 C:\fakepath\**** 这是由于浏览器的安全机制，input file的路径时被fakepath代替，隐藏了真实物理路径。 解决方法： 1、调整浏览器的浏览器安全设置（不推荐，也不合理）。 2、使用window.URL.createObjectURL() /** * 文件预览 */ var url = null...
js获取fileupload的绝对路径时总是得到c:fakepath+文件名的解决方法
weixin_33961829的博客
07-15 942
解决方法： Internet选项-》安全-》自定义级别-》将文件下载到服务器时包含本地目录路径  启用就可以了。
js获取input file的虚拟路径C:\fakepath\解决方法
qq_31839039的博客
09-20 9758
js获取input file的虚拟路径C:\fakepath\解决方法函数：文本框 在网上百度了很多方法，基本上在chome浏览器上获取绝对路径的方法都行不通，目前也没找到合适的通过路径解决问题的方法，后期会继续想办法的。 这里就写一下通过base64上传图片的方法，聊胜于无。 函数： function ii(obj) { //解决C:\fakepath问题-----...
使用js获取input file的路径
零食粉碎机的博客
01-31 2万+
有时候，我们给程序添加完一个功能，在本地测试是完全可以正常运行的，但一发布到Web上就各种报错，这时候我们就需要注意啦！ 问题 页面有一个input file服务器控件，一个div，div是image标签的容器，当点击input file的值改变，我们往div里追加image标签； 但当通过js的onchange事件动态获取input file 的路径的时候，发现console.log(pa
关于input type=file 获取文件的路径问题
DLM1031653077的博客
08-22 8279
可以获取文件的绝对路径，在不同浏览器下，显示存在兼容问题。 在IE下可以获取绝对路径，在火狐浏览器下获取的是文件的名称。 在ie8以下的执行结果： 在火狐浏览器下的执行结果：
input:file选择文件后路径被替换为C:\fakepath\的处理方法
weixin_30872499的博客
12-18 467
function getPath(obj) {if (obj) {if (window.navigator.userAgent.indexOf("MSIE") >= 1) {obj.select(); return document.selection.createRange().text;}else if (window.navigator.userAgent....
原生js 选择文件,获取 input type=file 时候的文件路径
m0_64547949的博客
03-07 1万+
原生js 选择文件,获取 input type=file 时候的文件路径
html文件选择实现，并获取文件绝对路径，得到fakepath怎么解决，举例说明
04-18
您好, 关于您的问题： 这是一个 HTML 文件选择实现，并获取文件绝对路径，但是在获取文件路径时会出现 fakepath 的问题。 解决方法： 在 JavaScript 中，可以通过 File 对象获取到 file 对象的绝对路径，但是在 Chrome 中，最终的路径却会变成 fakepath，这是因为浏览器出于安全考虑，不允许 JavaScript 访问文件系统的原因所致。 因此，要真正获取到文件的绝对路径，可以通过以下方法实现： 1.使用第三方库，如 jQuery File Upload 和 Dropzone.js 等，这些库可以帮助我们解决文件上传的问题，并返回所选文件的绝对路径。 2.使用后端技术，如 PHP 等，将文件上传到服务器后，再返回文件路径给前端。 举例说明： 假设我们有一个 input 标签，用于选择文件： <input type="file" id="file-upload"> 我们可以通过以下代码获取到所选文件的绝对路径： var fileInput = document.getElementById("file-upload"); var fullPath = fileInput.value; if (fullPath) { var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/')); var filename = fullPath.substring(startIndex); if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) { filename = filename.substring(1); } alert("文件的绝对路径为：" + filename); } 以上代码可以在不返回 fakepath 的情况下，获取到所选文件的真实路径。 希望对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值