用JS获取上传文件的真实路径 fakepath的问题

解决文件上传取不到真实路径问题(fakepath) 1、问题描述:前一段时间要做一个excel数据导入到数据库的功能,当时用的是googlechrome,没有用form表单,仅仅一个<inputtype="file"/>组件,上传excel时怎么也去不到文件路径,不论是从哪个驱动器上传,文件路径都是:c:\fakepath\文件名.xls。2、解决方案网上转悠了老半天,没找到一个完美的方案,最后经个同事指导:... 阅读详情
相信大家都遇到过用JAVASCRIPT获取一个上传图片的file的值的问题。
    百度一下差不多是说浏览器基于保护用户的相关安全措施,隐藏了上传的真实路径,用fakepath代替,当然,调整浏览器的相关安全设置可以解决这个问题。
    但我们不可能让所有用户都通过设置浏览器的安全设置来进行图片上传,这种方法在网络交互上显然不现实。
 
  1. var getPath=function(obj,fileQuery,transImg){ 
  2.  
  3.         if(window.navigator.userAgent.indexOf("MSIE")>=1){ 
  4.  
  5.             obj.select(); 
  6.  
  7.             var path=document.selection.createRange().text; 
  8.  
  9.             obj.removeAttribute("src"); 
  10.  
  11.             obj.setAttribute("src",transImg); 
  12.  
  13.             obj.style.filter=   
  14.  
  15.             "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+path+"', 
  16. sizingMethod='scale');";  
  17.  
  18.         } 
  19.  
  20.         else{ 
  21.  
  22.             var file 
  23. =fileQuery.files[0];  
  24.  
  25.             var reader 
  26. =  
  27. new FileReader();  
  28.  
  29.             reader.onload 
  30. =  
  31. function(e){ 
  32.  
  33.                 obj.setAttribute("src",e.target.result) 
  34.  
  35.             } 
  36.  
  37.             reader.readAsDataURL(file);  
  38.  
  39.         } 
  40.  
  41.     } 
chrome浏览器上传文件fakepath问题 chrome浏览器接收到上传文件地址 IE浏览器可以获取到真实路径 说是chrome出于安全考虑,搞了个虚拟路径fakepath 我的需求是: 表单上传文件和数据,封装到对象a里传给另一个服务去处理, 现在这个fakepath扔过去就是一个空文件对象,报错 解决: 一顿百度chrome咋拿file真实路径, 其实不用拿路径,拿到也没用,都不在一台服务器上,有路径也取不到文件, 上传的文件spring帮我们生成了一个临时文件 所以,直接从前台传文件对象 form.append("file", docu 阅读详情

相关推荐

解决fakepath的js

自己项目中遇到上传时fakepath的问题,通过这个js解决

关于 “文件上传路径 C:/fakepath (安全机制)” 的解说办法

想必做过文件上传的都遇到过文件上传路径被修改为file:///C:/fakepath的情况!为什么会这样?如何解决? 文件上传路径 file:///C:/fakepath 被修改,是因为浏览器(客户端、服务端都有这种情况)的安全机制决定的。可以说这个是一中不成文的规则,是无法修改的。 这里引入两篇外文 · 仅供参考: https://blog.youkuaiyun.com/qq_29099209...

草巾冒小子的博客 2万+

三菱FX5U PLC与CCLINK模块通信配置全流程(附接线图与参数详解)

本文详细解析了三菱FX5U PLC与CCLINK模块的通信配置全流程,包括硬件接线规范、参数设置及软件编程方法。通过实战指南帮助工程师快速掌握FX5U与CCLINK模块的高效通信技术,提升工业自动化控制系统的稳定性和可靠性。

weixin_27014595的博客 428

js获取input file的虚拟路径C:\fakepath\解决方法

js获取input file的虚拟路径C:\fakepath\解决方法函数:文本框 在网上百度了很多方法,基本上在chome浏览器上获取绝对路径的方法都行不通,目前也没找到合适的通过路径解决问题的方法,后期会继续想办法的。 这里就写一下通过base64上传图片的方法,聊胜于无。 函数: function ii(obj) { //解决C:\fakepath问题-----...

qq_31839039的博客 1万+

ch32v103xx 烧写

烧写方式 串口uart, usb,swd(wch link)但不建议按此使用,参官方说明。

qq_39239990的博客 637

别再乱拖了!Godot 4.x 场景编辑器的7个隐藏操作技巧(附快捷键清单)

本文揭示了Godot 4.x场景编辑器的7个隐藏操作技巧,包括智能对齐、轴心点应用、多节点批量操作等,帮助开发者提升游戏开发效率。特别介绍了坐标系切换和自定义快捷键等实用功能,适用于处理复杂场景和团队协作。

weixin_29534421的博客 361

java fakepath_解决文件上传取不到真实路径问题(fakepath)

1、问题描述:前一段时间要做一个excel数据导入到数据库的功能,当时用的是googlechrome,没有用form表单,仅仅一个组件,上传excel时怎么也去不到文件路径,不论是从哪个驱动器上传,文件路径都是:c:\fakepath\文件名.xls。2、解决方案网上转悠了老半天,没找到一个完美的方案,最后经个同事指导:利用一个js(插件)ajaxfileupload.js,源码放到最后面,先看...

weixin_39888082的博客 2762

【教程4>第1章>第11节】使用MATLAB快速产生批量verilog语句加快FPGA开发

...........如果手动写,那么就非常麻烦,这个时候,我们借助matlab,则可以快速生成上述类型的verilog程序,我们编写如下的MATLAB语句。\n");\n");end。

FPGA/MATLAB学习教程/源码/项目合作开发 1240

chrome 文件上传路径问题

chrome 文件上传路径问题

qq_44947841的博客 3896

荒岛逃生游戏

正负表示逃生方向(正表示向右逃生,负表示向左逃生),绝对值表示战斗力,越左边的数字表示里左边港口越近,逃生方向相同的人永远不会发生决斗。- 如果左逃生者的战斗力大于右逃生者,则左逃生者获胜,减少其战斗力,并将右逃生者出栈。- 处理完所有输入后,统计仍在右逃生者栈和左逃生者栈中的战斗力,即可得到成功逃生的人数。- 如果左逃生者的战斗力小于右逃生者,则右逃生者获胜,减少其战斗力,左逃生者出局。- 向左逃生:从右逃生者栈中取出元素,与当前逃生者进行决斗。- 继续进行决斗,直到没有右逃生者或左逃生者的战斗力用尽。

面试高手的博客 2101

simulink构建一个基于 BP(反向传播)神经网络 的自适应 PID 控制系统

本文介绍了基于BP神经网络的自适应PID控制系统设计方法。系统通过神经网络实时调整PID参数,实现智能控制。主要内容包括:1)系统架构设计,采用误差反馈和在线学习机制;2)详细建模步骤,从被控对象定义到神经网络结构设计;3)S-Function实现核心算法,包含前向传播、PID计算和反向传播;4)仿真结果分析,显示神经网络PID在响应速度、超调控制和鲁棒性方面的优势;5)进阶建议和常见问题解决方案。该方法突破了传统PID的局限性,实现了具有自我学习能力的智能控制。

xiaoheshang_123的博客 51

IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题

在使用<input id="file_upl" type="file" />控件上传文件时,有时会需要获取文件本地路径展示给客户,这时可以通过这样的方式获取文件本地路径: document.getElementById('file_upl').value 这在IE7及以前的IE浏览器版本上都没有问题,但是到IE8上面,就不行了,在IE8中你只会获取到这样的路径:"C:...

HYY0515000的博客 233

微信小程序 - 下单账号和支付账号不一致,请核实后再支付(微信小程序或微信H5页面/微信公众号网页支付时报错:“下单账号和支付账号不一致,请核实后再支付”,买家微信支付时提示错误)详细排查和解决方案!

微信支付出现 “下单账号与支付账号不一致,请核实后再支付”微信小程序下单账号与支付账号不一致不让支付,微信公众号网页 微信H5页面JS-SDK支付时出现错误:下单账号和支付账号不一致,请核实后再支付,openId导致的微信中“下单账号和支付账号不一致”原因及解决办法,调用统一下单所传openId与实际支付用户的openId不一致,微信支付jssdk报错,检查了没有不一致依然报错怎么办,微信支付下单账号和支付账号不一致,请核实后再支付,微信支付功能用JSAPI支付,H5页面负责下单并支付jsapi,微信调起支

🏆 前端领域优质创作者 5330

解决IE8上传文件时javascript取文件的本地路径的问题C:\fakepath\..

IE8上传文件时javascript读取文件的本地路径的问题("C:\fakepath\")的解决方案 前一阵把IE6升级到了IE8,没想到一个网站里面的上传图片时用JavaScript预览本地图片的功能失效了,图片总是显示错误,用alert()看了下图片的路径居然变成了C:\fakepath\*.jpg,真实的路径被C:\fakepath\取代了,于是在网上开始找解决方案。 <s...

weixin_30920597的博客 186

YOLO26全新改进 | 最全损失函数改进篇 | SIoU 、WIoU、GIoU、DIoU、EIOU、CIoU, InnerIoU、InnerSIoU、InnerWIoU、FocusIoU等损失函数

🔥本文详细介绍了如何修改YOLO26中的损失函数。首先提供了完整的损失函数核心代码,包括WIoU_Scale类和各种IoU计算方法。然后分三步指导修改:1)替换metrics.py中的bbox_iou方法;2)修改loss.py中的iou计算代码;3)更新tal.py中的相关代码。文中特别强调了修改损失函数应在模型结构调整后使用,并提供了多种IoU损失函数的参数配置建议,包括SIoU、WIoU、GIoU等,可根据实际需求灵活选择搭配使用。

Ai缝合怪、助力小伙伴高效发论文 450

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

input file的使用方法(清空等)

input.outerHTML=input.outerHTML.replace(/(value=\").+\"/i,"$1\"");    http://www.jb51.net/article/24872.htm   在使用&lt;input type='file' /&gt;控件的过程中,发现一个只有IE8下才存在的BUG,有时候取文件上传的路径(value),会由类似于D:\*.*变...

流浪狗的专栏 2034

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

C:\fakepath 问题

又一次遇到 C:\fakepath路径问题,特此记录一下。 原因大体来说就是:浏览器为了安全,不暴露客户端的完整文件路径。所以获取的文件路径都会是 C:\fakepath\XX\XX.xx之类的路径,不是我们想要的完整路径。 第一次遇到的时候忘记了是如何解决的了,可能是模糊记得通过网上的方法把问题给解决了。这一次在做上传的时候又遇到了该问题,google了一下,网上的解决办法主要分为2种:

一个程序员的专栏 4万+

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

IE8上传文件时javascript取文件的真实路径的问题("C:\fakepath\xxxxx )

自从IE8出来以后,文件上传时路径获取就出现了问题 在用js获取路径时:var file= document.getElementById('..').value; 然后输出alert(file); 此时得到的路径是C:\fakepath\xxx.jpg 而不是文件的真实路径 这到底是怎么回事呢? 原来是因为IE8以上的版本都提升了安全级别,默认是不会获取文件的真实路径的 都是用fake...

djwjsw的专栏 437

IE8上传文件时javascript取文件的本地路径的问题C:/fakepath/

前几天把IE升级到了IE8,没想到一个网站里面的上传图片时用JavaScript预览本地图片的功能失效了,图片总是显示错误,看了下图片的路径居然变成了C:/fakepath/xxx.gif,真实的路径被C:/fakepath/取代了,原来是因为IE8增加了安全选项,默认情况下不显示上传文件的真实路径,进入internet选项,修改下设置即可显示真实的文件路径。工具 -> Internet选项

Jackia的专栏 1173

JS获取input 【type=“file“】的物理路径,解决浏览器C:\fakepath\的问题

相信很多猿友一定遇到过上传文件时,发现文件路径被替换为 C:\fakepath\**** 这是由于浏览器的安全机制,input file的路径时被fakepath代替,隐藏了真实物理路径。 解决方法: 1、调整浏览器的浏览器安全设置(不推荐,也不合理)。 2、使用window.URL.createObjectURL() /** * 文件预览 */ var url = null...

帝都的雁的博客 3万+

js获取文件上传路径(解决出现fakepath的问题)

上传文件时,有时候需要获取文件路径,但是浏览器安全机制,使得路径被fakepath代替,获取不到 下面的代码解决这个问题,支持Chrome,其它浏览器没测试,用的时候注意 代码 上传file属性 $(function(){ $('.upload').change(function(){ var oFReader = new FileReader()

littlebearGreat——宁静致远 2万+

input type="file"标签图片上传路径fakepath问题

图片上传路径C:\fakepath\问题 今天在写html图片input标签图片上传预览,出现了C:\fake\路径问题,在纠结了一个多小时为什么的时候,实在不知道怎么办了,就来博客找大佬,才发现由于浏览器的安全机制,把要上传的图片真实路径给隐藏了,对外只显示C:\fakepath+图片名 我们需要对图片路径进行处理,要用到objcetURL = window.URL.createObjectUR...

qq_41242758的博客 3805

IE8上传文件时获取文件本地路径问题(C:\fakepath\……)的解决办法

先看一下Jsp代码: --------------------------------------------------------------------------------------------------------------- 附件上传: --------------------------------------------------------------

rugaxm的专栏 2778
下一篇: 关于研究UIautomator操作手机执行case
Mind_Reader
博客等级 码龄12年 2粉丝 0原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值