php fakepath,在文件上载中获取真实路径而不是“fakepath”

最新推荐文章于 2021-03-26 14:43:10 发布
最新推荐文章于 2021-03-26 14:43:10 发布
阅读量277 收藏
点赞数
文章标签： php fakepath
此博客分享了如何使用JavaScript和PHP修改文件上传功能，焦点在于从完整路径中仅显示文件名，提升用户体验。作者展示了旧有和改进后的代码片段，目标是通过`phpmail()`发送邮件时只显示用户实际上传的文件名：coverpage.pdf。
摘要由CSDN通过智能技术生成

因为我的目标是让最终用户看到上传的文件名,然后通过php mail()函数发送,所以我所做的就是:

在JS文件中

旧功能:

var fileuploadinit = function(){

$('#career_resume').change(function(){

var pathwithfilename = $('#career_resume').val();

$('.uploadedfile').html("Uploaded File Name :" + pathwithfilename).css({

'display':'block'

});

});

};

校正功能:

var fileuploadinit = function(){

$('#career_resume').change(function(){

var pathwithfilename = $('#career_resume').val();

var filename = pathwithfilename.substring(12);

$('.uploadedfile').html("Uploaded File Name :" + filename).css({

'display':'block'

});

});

};

$(document).ready(function () {

fileuploadinit();

});

旧结果:

上传文件名:c:\fakepath\coverpage.pdf

新结果:

上传文件名:coverpage.pdf

希望有帮助:)

行为的力量
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
php fakepath,chrome上传图片 路径为c:/fakepath的解决办法
weixin_29018335的博客
03-26 1360
因为浏览器提升了安全级别，默认是不会获取文件的真实路径的，都是用fakepath代替了。1.可以通过修改浏览器的安全级别，步骤是：工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”，选中“启用”即可。2.以上方法对程序员来说肯定不可取，总不能让每一个用户都修改浏览器配置，网上有一种用js代码修改...
获取真实路径地址
01-19
js获取真实路径 IE 火狐浏览器的真实路径地址。
fakepath取实际路径_小件订单拣选路径分享
weixin_29816241的博客
12-09 275
随着仓储业务承接电商业务的不断发展、生产准时制的要求，订单的规模越来越小，甚至是拆箱分拣。拆箱分拣也称为小件订单分拣或单品拣货或拆零拣货，小件订单分拣相对应于其它分拣单元，即托盘分拣、箱分拣。虽然当前有很多成功的自动分拣系统已经应用到仓储运作中来，但由于仓储分拣系统是一个非静态、非一次性的活动，并且自动分拣系统不仅成本高而且灵活性低，手动分拣系统仍然有一定的实际意义。以下主要为手动小件订单拣选的几...
php fakepath,php 46 模板替换 上传附件fakepath json编码入库转义符
weixin_29514913的博客
03-26 72
4.MySQL 存储php中json_encode格式信息 ,遇到中文时, 会变成一堆类似uxxxx信息.1. 原因分析:在存储到数据库时！MySQL 不会存储 unicode 字符：MySQL 仅支持从基本的多语种平面字符 (0x0000-0xFFFF)。请尝试存储一个同义词相反:)更新： MySQL 5.5.3 上 (其中尚未 GA), 支持补充字符如果您使用 UTF8MB4 编码。json...
js传真实地址 C:\fakepath
weixin_34290390的博客
11-17 1177
js给action传真是地址的时候,处于安全,传到action中 浏览器会改变路径变为C:\fakepath\ftp.txt,但是原始路径却是 C:\Documents and Settings\Administrator\桌面\ftp.txt 下面就是获得原始路径的方法 var url = getPath(document.getElementByIdx_x("url")) functi...
js传真实地址 C:fakepath
studentGuy的专栏
06-30 1758
function getPath(obj) { if (obj) {  if (window.navigator.userAgent.indexOf("MSIE") >= 1) {   obj.select();   return document.selection.createRange().text;  } else if (window.navigator.userAgent.indexO
js获取上传文件的绝对路径实现方法
10-21
完成上述操作后，当用户使用上传文件时，JavaScript获取到的文件路径将会是真实的文件路径而非虚拟路径。不过，需要指出的是，即使在IE浏览器中开启了此功能，其他浏览器如Chrome、Firefox等仍然遵循标准不提供真实...
IE8上传文件时javascript取文件的真实路径的问题（\"C:\\fakepath\\xxxxx )
03-28
1. **使用FileReader API读取文件内容**：如果只需要处理文件内容，可以使用`FileReader`的`readAsDataURL`或`readAsText`方法来读取，而不是获取路径。 2. **利用File对象的name属性**：虽然不能获取完整路径，但...
jquery获取file表单选择文件的路径、名字、大小、类型
10-17
在用户选择文件后，虽然我们不能直接获取到真实的文件系统路径，但可以通过`input`元素的`val()`方法获取到输入框中显示的路径。当然，出于安全原因，这个路径可能是一个伪造的路径（例如`C:\fakepath\filename`），...
解决fakepath的js
07-23
自己项目中遇到上传时fakepath的问题，通过这个js解决
js获取文件路径的问题，结果都是C:\fakepath
TangJiuling9009的博客
01-09 1970
1、demo.html代码： <!DOCTYPE html> <html> <head> <script type="text/script" src="demo.js"> </script> </head> <body><input id="selectFileInput" type="file" mul...
JS实现用户上传图片并预览（图片fakepath问题）
南乔几经秋、的博客
12-22 961
上传图片时，有时候需要获取文件的本地路径，但是浏览器的安全机制会使得路径被fakepath代替，当然，调整浏览器的相关安全设置可以解决这个问题。但我们不可能让所有用户都通过设置浏览器的安全设置来进行图片上传。
用JS获取上传文件的真实路径 fakepath的问题
Mind_Reader的博客
08-13 1万+
相信大家都遇到过用JAVASCRIPT获取一个上传图片的file的值的问题。     百度一下差不多是说浏览器基于保护用户的相关安全措施，隐藏了上传的真实路径，用fakepath代替，当然，调整浏览器的相关安全设置可以解决这个问题。     但我们不可能让所有用户都通过设置浏览器的安全设置来进行图片上传，这种方法在网络交互上显然不现实。   var getPath=functi
JS之 解决fakepath问题，并实现base64图片上传(单图上传)
qq_39835505的博客
10-21 612
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...
使用js获取input file的路径
热门推荐
零食粉碎机的博客
01-31 2万+
有时候，我们给程序添加完一个功能，在本地测试是完全可以正常运行的，但一发布到Web上就各种报错，这时候我们就需要注意啦！ 问题 页面有一个input file服务器控件，一个div，div是image标签的容器，当点击input file的值改变，我们往div里追加image标签； 但当通过js的onchange事件动态获取input file 的路径的时候，发现console.log(pa
js获取文件上传路径（解决出现fakepath的问题）
littlebearGreat——宁静致远
08-11 2万+
上传文件时，有时候需要获取文件路径，但是浏览器安全机制，使得路径被fakepath代替，获取不到 下面的代码解决这个问题，支持Chrome，其它浏览器没测试，用的时候注意 代码 上传file属性 $(function(){ $('.upload').change(function(){ var oFReader = new FileReader()
js获取input file的虚拟路径C:\fakepath\解决方法
qq_31839039的博客
09-20 9718
js获取input file的虚拟路径C:\fakepath\解决方法函数：文本框 在网上百度了很多方法，基本上在chome浏览器上获取绝对路径的方法都行不通，目前也没找到合适的通过路径解决问题的方法，后期会继续想办法的。 这里就写一下通过base64上传图片的方法，聊胜于无。 函数： function ii(obj) { //解决C:\fakepath问题-----...
c盘fakepath是什么意思_Win10 使用 命令行 DISM 清理 C盘的 WinSXS 文件夹
weixin_39836063的博客
11-21 1042
经常有朋友看了 Win 10 清理 C盘 这篇文章之后，说剩余空间还不够大。当然这时候，首先是建议还是买个大硬盘吧，或者给 C盘多分点 空间。不过经过帮助一些网友清理系统以来，发现经常是他们系统文件夹下面的 WinSXS 文件夹特别大。然后我找到了一个软件 Dism++ 可以帮忙清理，其实 Dism++ 只是一个辅助工具，它使用的其实是系统自带的 Dism 命令行。所以我研究了一下，这个命令行的用...
js获取文件真实路径fakepath
最新发布
06-28
### 回答1： 在HTML中，`<input type="file">`元素允许用户上传文件，当用户选择文件后，在文件路径的位置显示的是"fakepath"，并非文件的真实路径。这是因为浏览器考虑到安全风险，不希望将用户的本地文件路径暴露给第三方网站。 如果需要获取文件的真实路径，可以使用File API提供的File对象。 1.获取文件对象 通过file元素的`files`属性获取选中的文件列表，如果只选一个文件，则该列表中只包含一个File对象。 ``` var fileObj = document.getElementById("file").files[0]; ``` 2.获取文件真实路径 File API的File对象提供了`fullPath`属性，可以获取文件的真实路径。但是，不是所有浏览器都支持该属性，所以，在获取之前，需要判断浏览器是否支持`fullPath`属性。 ``` if (window.FileReader) { var fullPath = fileObj.fullPath; } else { // 浏览器不支持fullPath属性 } ``` 总结 要获取文件的真实路径，需要使用File API提供的File对象，并判断浏览器是否支持`fullPath`属性。需要注意的是，获取文件的真实路径可能会存在多个安全问题，因此在实际开发中，应该谨慎使用。 ### 回答2： JS获取文件真实路径fakepath的问题，其实是由于浏览器的安全性问题所导致的。为了确保用户的文件不被恶意的脚本访问和篡改，浏览器对于文件路径进行了保护，使得在JS中只能获取到文件名和扩展名，而无法获取到完整路径。 然而，有时候我们在做一些特定的Web开发任务时，确实需要获取到完整路径。比如说，我们需要在上传文件后，将文件的路径存储到数据库中，或者其他一些需要使用完整文件路径的操作。 解决这个问题其实有两种方案： 1.使用HTML5的File API HTML5的File API提供了获取文件信息的新方法，其中包括可以获取文件完整路径的功能。这个方法是HTML5的标准方法，支持大部分现代浏览器。使用这个方法，我们可以通过以下方式获取完整文件路径： ``` function handleFileSelect(evt) { var files = evt.target.files; // FileList object var file = files[0]; console.log(file.path); //打印完整路径 } ``` 注意，这种方法需要用户手动选择文件，因此不适用于自动上传文件的场景。 2.使用其它浏览器插件 如果我们需要获取文件的完整路径，而且不能依赖用户自行选择文件，那么我们可以考虑使用其它浏览器插件，比如Flash、Java或ActiveX。这些插件可以提供额外的权限，允许我们通过JS获取文件的完整路径。 不过这种方法存在一定的风险，因为插件需要用户主动安装并授权访问，如果用户对插件的来源和权限不信任，可能会拒绝授权或者删除插件，导致我们的功能无法正常使用。 总之，在实际开发中，我们需要根据具体场景选择合适的方法，并且考虑到用户的安全和使用体验。 ### 回答3： 在前端页面中，我们经常需要通过表单上传文件，并且在提交之前需要获取文件的真实路径。但是，我们会发现当我们使用input[type=file]的时候，获取到的文件路径并不是完整的路径，而是被修改成了一个叫做fakepath的路径，导致我们无法正确地获取到文件的真实路径。 为什么会出现fakepath呢？这是因为浏览器的安全策略，为了保护用户的隐私信息，浏览器会将文件的真实路径从C:\fakepath\开始替换成fakepath。 那么如何获取到文件的真实路径呢？我们可以通过文件对象的name属性获取到文件名，然后通过URL.createObjectURL()方法生成一个临时的URL，最后再通过XMLHttpRequest对象发送请求，来获取到文件的真实路径。 下面是一段简单的代码示例： ```javascript var input = document.getElementById('fileInput'); var file = input.files[0]; var fileName = file.name; var url = URL.createObjectURL(file); var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload = function() { var reader = new FileReader(); reader.readAsDataURL(xhr.response); reader.onload = function(e) { window.location = e.target.result; }; }; xhr.send(); ``` 上述代码中，我们首先获取到input元素，然后获取到文件对象，进而获取到文件名和临时URL。接下来，我们创建一个XMLHttpRequest对象，并通过open()方法指定发送请求的方式和路径，并设置responseType为blob。随后，我们利用FileReader对象读取响应的数据，使用window.location跳转到真实路径。 总体来说，获取文件真实路径并不是一件非常容易的事情，需要结合浏览器的安全策略和一些API才可以完成。但是只要我们认真学习，掌握好相关知识，就可以轻松完成这项任务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值