上传文件后，为每个e.a rtarget .files设置fileName

Question

是否可以为e.target.files名称添加字符串?例如:

document.querySelector('#document-upload').addEventListener('change', (e) => {
let selectedFiles = e.target.files;
for (let i = 0; i < selectedFiles.length; i++) {
selectedFiles[i].name = selectedFiles[i].name + 'test';
imagesArray.push(selectedFiles[i]);
}
});

当我上传文件时，我想在文件名中添加字符串。但现在我得到这个错误Cannot set property name of #<File> which has only a getter

Answer 1

您可以创建一个新文件并设置名称

document.querySelector('#document-upload').addEventListener('change', (e) => {
let selectedFiles = e.target.files;
for (let i = 0; i < selectedFiles.length; i++) {
imagesArray.push(new File([selectedFiles[i]], selectedFiles[i].name + 'test', 
{
type: selectedFiles[i].type,
lastModified: selectedFiles[i].lastModified
}
));
}
});