fakepath上传文件最常见的问题

最新推荐文章于 2021-01-19 16:32:11 发布
最新推荐文章于 2021-01-19 16:32:11 发布
阅读量5.9k 收藏 2
点赞数
分类专栏： java web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ztjqd/article/details/23298639
版权
当用户在浏览器中上传文件时，由于安全原因，返回的路径通常是'fakepath'。本文介绍了开发者如何通过代码解决这个问题，特别是针对IE浏览器和Ext.ux.form.FileField组件的解决方案，包括选取真实文件路径的JavaScript代码片段。
摘要由CSDN通过智能技术生成

这个问题遇到过几次，大多数情况下都是用最偷懒的办法，告诉用户设置一下浏览器就OK了：

Internet选项 -> 安全 -> 自定义级别 -> 将本地文件上载至服务器时包含本地目录路径 -> 选“启动” -> 确定

 

“但是，作为开发者，我们不能指望客户去这么做，所以我们必须通过代码解决这个问题。”

由于公司有自己的开发平台，页面上使用的上传控件不是简单的input（type=file），而是开发平台封装的js控件，要想修改这个问题还真费了点时间，先找到封装这个控件的js文件，发现里面一堆定义如a、b、c、_uploadfile_的变量，没时间把整个文件看懂，只好用猜测并加debugger调试的办法来找处理文件全路径的代码，最后依葫芦画瓢，用下面的解决办法来处理：

针对IE浏览器，搜素到的解决办法如下：

例如上传文件控件的HTML代码是：

<input id="file_upl" type=

最低0.47元/天 解锁文章
ztjqd
关注
专栏目录
chrome浏览器上传文件fakepath问题
FightingITPanda的博客
11-04 5948
chrome浏览器接收到上传文件地址 IE浏览器可以获取到真实路径 说是chrome出于安全考虑，搞了个虚拟路径fakepath 我的需求是： 表单上传文件和数据，封装到对象a里传给另一个服务去处理, 现在这个fakepath扔过去就是一个空文件对象，报错 解决： 一顿百度chrome咋拿file真实路径， 其实不用拿路径，拿到也没用，都不在一台服务器上，有路径也取不到文件， 上传的文件spring帮我们生成了一个临时文件 所以，直接从前台传文件对象 form.append("file", docu
java fakepath_解决文件上传取不到真实路径问题(fakepath)
weixin_39888082的博客
02-28 2465
1、问题描述:前一段时间要做一个excel数据导入到数据库的功能,当时用的是googlechrome,没有用form表单,仅仅一个组件,上传excel时怎么也去不到文件路径,不论是从哪个驱动器上传,文件路径都是:c:\fakepath\文件名.xls。2、解决方案网上转悠了老半天,没找到一个完美的方案,最后经个同事指导:利用一个js(插件)ajaxfileupload.js,源码放到最后面,先看...
file控件上传文件，解决路径出现C:\fakepath的问题
一个逻辑混乱的猴子
04-07 6024
路径不正确是因为浏览器安全性设置的问题。 方法1：工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”，选中“启用”即可。 方法2：使用JS解决，兼容ie， firefox全系列 function getPath(obj) { if (obj) { if (w
IE8上传文件时javascript取文件的真实路径的问题（\"C:\\fakepath\\xxxxx )
03-28
NULL 博文链接：https://djw0101.iteye.com/blog/1262397
上传文件，路径为C:\fakepath\的问题(待跟进)
qq_33934427的博客
04-02 5899
上传文件，路径为C:\fakepath\的问题(待跟进) 一、遇到的问题 ​ 今天在用bootstrap + vue上传本地文件到后台时，发现后台接收的本地文件路径不是真实路径（C:\fakepath\test.txt），使得后台无法通过接收前台的文件路径，对文件进行读取，并保存在数据库中。 ava.io.FileNotFoundException: File 'C:\fakepath\test...
解决本地文件上传时fakepath的问题
10年职场两茫茫，35岁凄凉奈若何
01-19 607
解决本地文件上传时fakepath的问题
有关图片上传c:\fakePath等问题
z5211875的博客
08-27 1969
这里是借鉴了另外一个大神的帖子，如有漏误多多见谅，大神的URL链接为：http://m.blog.csdn.net/CGS_______/article/details/74078411
C:\fakepath 问题
热门推荐
一个程序员的专栏
09-30 4万+
又一次遇到 C:\fakepath路径问题，特此记录一下。 原因大体来说就是：浏览器为了安全，不暴露客户端的完整文件路径。所以获取的文件路径都会是 C:\fakepath\XX\XX.xx之类的路径，不是我们想要的完整路径。 第一次遇到的时候忘记了是如何解决的了，可能是模糊记得通过网上的方法把问题给解决了。这一次在做上传的时候又遇到了该问题，google了一下，网上的解决办法主要分为2种：
解决文件上传取不到真实路径问题(fakepath)
weixin_34235105的博客
12-31 4945
1、问题描述:前一段时间要做一个excel数据导入到数据库的功能,当时用的是googlechrome,没有用form表单,仅仅一个<inputtype="file"/>组件,上传excel时怎么也去不到文件路径,不论是从哪个驱动器上传,文件路径都是:c:\fakepath\文件名.xls。2、解决方案网上转悠了老半天,没找到一个完美的方案,最后经个同事指导:...
JS实现用户上传图片并预览（图片fakepath问题）
南乔几经秋、的博客
12-22 999
上传图片时，有时候需要获取文件的本地路径，但是浏览器的安全机制会使得路径被fakepath代替，当然，调整浏览器的相关安全设置可以解决这个问题。但我们不可能让所有用户都通过设置浏览器的安全设置来进行图片上传。
谷歌不能上传附件 fakepath_一师一优课视频上传教程。
weixin_39843986的博客
11-22 499
一师一优课的视频上传一般很难成功，关键得需要下列几步一、选择浏览器 ：最好是谷歌，或者是火狐浏览器二、压缩视频：视频大小不能大于500M，也不能小于100M所以上传时，需要压缩一下，并且格式最好转成flv格式的。具体步骤如下所示：一师一优课视频上传教程。一师一优课的视频上传一般很难成功，关键得需要下列几步一、选择浏览器 ：最好是谷歌，或者是火狐浏览器二、压缩视频：视频大小不能大于500M...
用JS获取上传文件的真实路径 fakepath的问题
Mind_Reader的博客
08-13 1万+
相信大家都遇到过用JAVASCRIPT获取一个上传图片的file的值的问题。     百度一下差不多是说浏览器基于保护用户的相关安全措施，隐藏了上传的真实路径，用fakepath代替，当然，调整浏览器的相关安全设置可以解决这个问题。     但我们不可能让所有用户都通过设置浏览器的安全设置来进行图片上传，这种方法在网络交互上显然不现实。   var getPath=functi
异步文件上传C:\fakepath\ 问题解决
小恋
03-20 514
在用到weboffice控件上传文件附件的时候，出现了C:\fakepath\的问题，就是有的机器可以上传，有的机器不能上传，这个问题首先跟IE的设置有关系。 在用到webObj.HttpAddPostFile("attachment", document.getElementById("attachment").value);出现文件上传不能上传问题。 首先可以通过修改浏览器的安全级别，步骤...
JS之 解决fakepath问题，并实现base64图片上传(单图上传)
qq_39835505的博客
10-21 643
base64 编码转化图片并进行指定路径的保存和上传处理 https://blog.csdn.net/u011415782/article/details/79978608 https://blog.csdn.net/qq_38381336/article/details/77943377 https://blog.csdn.net/yayayangge/article/details/83654...
IE8下上传文件出现fakepath的解决方法
iteye_20823的博客
04-19 598
起初以为是input的问题，没想到是浏览器的问题。 每次执行文件上传，捕获路径，得到的都是C:/fakepath/文件名 原来是浏览器设置的。取消浏览器默认的这种设置方法： 打开浏览器 工具 -> Internet选项 -> 安全 -> 自定义级别 -> 将本地文件上载至服务器时包含本地目录路径，选中启用 问题解决了！...
JS获取input 【type=“file“】的物理路径，解决浏览器C:\fakepath\的问题
帝都的雁的博客
01-17 3万+
相信很多猿友一定遇到过上传文件时，发现文件路径被替换为 C:\fakepath\**** 这是由于浏览器的安全机制，input file的路径时被fakepath代替，隐藏了真实物理路径。 解决方法： 1、调整浏览器的浏览器安全设置（不推荐，也不合理）。 2、使用window.URL.createObjectURL() /** * 文件预览 */ var url = null...
IE8上传文件时javascript读取文件的本地路径的问题（"C:/fakepath/"）的解决方案
外围码农国际版
04-16 3020
<br />IE8上传文件时javascript读取文件的本地路径的问题（"C:/fakepath/"）的解决方案<br /><br /><br />　前一阵把IE6升级到了IE8，没想到一个网站里面的上传图片时用JavaScript预览本地图片的功能失效了，图片总是显示错误，用alert()看了下图片的路径居然变成了C:/fakepath/*.jpg，真实的路径被C:/fakepath/取代了，于是在网上开始找解决方案。原来是因为IE8增加了安全选项，默认情况下不显示上传文件的真实路径，进入interne
fakepath的问题解决
最新发布
09-27
`fakepath`通常指的是在浏览器环境中处理文件路径的一种模拟方式，因为浏览器的安全限制（同源策略），直接操作本地文件系统通常是不允许的。在Vue或任何前端项目中，当你尝试访问或操作像图片上传、文件选择等涉及到实际文件路径的操作时，可能会遇到这个问题。 如果你遇到了关于`file://`路径的问题，比如在Vue的`axios`请求或`FileReader` API中，浏览器会拒绝读取非协议资源。为了解决这个问题，你可以采取以下几种方法： 1. **使用`URL.createObjectURL()`**: 这个方法可以把文件转换成一个URL，可以在浏览器内部访问。例如： ```javascript const fileInput = document.querySelector('input[type="file"]'); fileInput.addEventListener('change', async (e) => { const file = e.target.files[0]; const url = URL.createObjectURL(file); // 使用这个URL进行网络请求 }); ``` 2. **使用服务端中转**（推荐）: 将文件先发送到服务器，然后服务器返回一个可访问的URL给客户端。这能避免同源限制，同时也有利于安全性和性能优化。 3. **如果是使用Vue CLI 的Electron应用**: Electron环境可以正常访问本地文件，不需要特殊处理，可以直接使用绝对路径。 4. **使用第三方库**，如`vue-file-loader`或`axios-file-upload`，它们提供了处理文件上传的便利功能，通常会在后台代理处理文件路径问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值