js获取文件路径的问题，结果都是C:\fakepath

最新推荐文章于 2023-02-22 11:33:47 发布

TangJiuling9009

最新推荐文章于 2023-02-22 11:33:47 发布

阅读量1.9k

点赞数

分类专栏：前端 JavaScript 软件文章标签： JavaScript js 获取文件路径

本文链接：https://blog.csdn.net/TangJiuling9009/article/details/103900037

版权

软件同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

JavaScript

2 篇文章 0 订阅

订阅专栏

1、demo.html代码：

<!DOCTYPE html>
<html>
<head>
<script type="text/script" src="demo.js">

</script>
</head>
<body>
<input id="selectFileInput" type="file" multiple="multiple" list="fileList" />
</body>
</html>

2、demo.js代码：

//选择文件
function selectFiles(e){
var tmpPath = this.value;//获取路径
   if(!tmpPath){
       return null;
   }else if(tmpPath.lastIndexOf('/') > -1){
       return tmpPath.substring('0',tmpPath.lastIndexOf('/'));
   }else if(tmpPath.lastIndexOf('\\') > -1){
       return tmpPath.substring('0',tmpPath.lastIndexOf('\\'));
   }
}

//页面加载事件
window.onload = function(callback){
document.getElementById("selectFileInput").onchange = selectFiles;
}

3、获取路径为“C:\fakepath”

js获取文件路径为C:\fakepath。

4、原因分析

window系统为了安全考虑，不让从客户端获取文件路径，统一使用C:\fakepath代替。