JS获取input file绝对路径的方法
时间: 2024-06-11 10:04:23 浏览: 159
很遗憾,JavaScript无法获取input file的绝对路径。这是由于浏览器的安全限制所导致的。只有用户手动选择文件后,浏览器才会将文件上传到服务器,并且只有服务器端才能访问文件的绝对路径。但是,你可以通过以下两种方式获取文件的信息:
1. 使用File API
File API可以让你在浏览器中读取和操作文件。你可以使用它来获取文件的名称、大小、类型和内容等信息。下面是一个简单的示例:
```javascript
var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];
console.log('文件名: ' + file.name);
console.log('文件大小: ' + file.size);
console.log('文件类型: ' + file.type);
console.log('最后修改时间: ' + file.lastModifiedDate);
```
2. 使用FormData
FormData可以让你将表单数据和文件一起发送到服务器。你可以使用它来上传文件并在服务器端处理文件。下面是一个简单的示例:
```javascript
var fileInput = document.getElementById('fileInput');
var formData = new FormData();
formData.append('file', fileInput.files[0]);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.send(formData);
```
在这个例子中,我们使用XMLHttpRequest对象将文件上传到服务器。服务器端根据需要处理文件,并将响应发送回浏览器。
阅读全文