js获取上传文件绝对路径
在JavaScript中，出于安全考虑，浏览器不允许直接获取用户上传文件的绝对路径。这是为了防止恶意脚本获取用户的文件系统信息。
不过，你可以获取到文件的相关信息，比如文件名、大小、类型和最后修改时间等，通过File对象实现。当用户通过<input type="file">选择文件后，可以访问到这个File对象。
以下是一个简单的示例，展示如何获取用户选择的文件的信息：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File Upload Example</title>
</head>
<body>
<input type="file" id="fileInput">
<p id="fileName"></p>
<p id="fileSize"></p>
<p id="fileType"></p>
<p id="lastModified"></p>
<script>
document.getElementById('fileInput').addEventListener('change', function(event) {
const file = event.target.files[0]; // 获取第一个文件
if (file) {
document.getElementById('fileName').textContent = 'File Name: ' + file.name;
document.getElementById('fileSize').textContent = 'File Size: ' + file.size + ' bytes';
document.getElementById('fileType').textContent = 'File Type: ' + file.type;
document.getElementById('lastModified').textContent = 'Last Modified: ' + new Date(file.lastModified).toLocaleString();
}
});
</script>
</body>
</html>在这个示例中，当用户选择文件后，会显示文件的名称、大小、类型和最后修改时间，但不会显示文件的绝对路径。
如果你需要在服务器端处理文件，可以使用FormData对象结合fetch API或者XMLHttpRequest来上传文件到服务器，然后服务器端可以通过文件系统API来获取文件的绝对路径。但请注意，即使在服务器端，也应该小心处理文件路径，避免路径遍历攻击等安全问题。
相关·内容
18分15秒
Java零基础-341-获取类路径下文件的绝对路径
41
1分26秒
在线JavaScript加密，提交JS代码、上传Zip文件
5750
19分24秒
50、文件上传-单文件与多文件上传的使用
550
41分27秒
89. 尚硅谷_佟刚_JavaWEB_文件上传案例_JS代码.wmv
3790
18分6秒
51、文件上传-【源码流程】文件上传参数解析器
410
9分27秒
文件上传与下载专题-04-手工接收上传的文件
1370
6分36秒
文件上传与下载专题-05-文件上传Jar包的下载
1.1K0
10分7秒
文件上传与下载专题-02-文件上传对表单的要求
1400
7分3秒
07.文件上传.avi
3540
30分14秒
071_EGov教程_文件上传
3550
25分10秒
93. 尚硅谷_佟刚_JavaWEB_文件上传案例_完成文件的上传.wmv
3640
20分23秒
文件上传与下载专题-10-使用第三方工具实现上传之对上传文件目录的管理
1940
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
