获取 formData file 文件名及文件
时间: 2024-10-12 12:18:13 浏览: 28
使用FormData实现上传多个文件
在JavaScript中,`FormData`对象通常用于上传文件,而`File`对象存储了文件的相关信息,包括文件名和二进制数据。如果你想获取`formData`中的文件信息,例如文件名和文件内容,你可以这样做:
```javascript
let formData = new FormData(); // 创建一个新的FormData实例
// 添加文件
let fileInput = document.querySelector('input[type="file"]');
let file = fileInput.files[0]; // 获取用户选择的文件
formData.append('fileKey', file); // 使用键名(如fileKey)将文件添加到formData
// 获取文件名
let fileName = file.name;
// 获取文件内容(二进制数据)
let fileBlob = formData.get('fileKey'); // 通过键名获取File对象
let fileReader = new FileReader();
fileReader.onload = function(event) {
let fileContent = event.target.result; // 这里就是文件的二进制数据
};
fileReader.readAsArrayBuffer(fileBlob); // 读取为ArrayBuffer
```
在上述代码中,`fileName`变量存储了文件名,而`fileContent`则是一个包含文件内容的`ArrayBuffer`对象,你可以根据需求将其转换为其他格式。
阅读全文