FileList.item不是一个函数吗？
FileList.item不是一个函数吗？
提问于 2021-08-30 05:07:30
每当我尝试访问FileList变量的item属性时，都会被告知它不是函数？为什么会这样呢？
首先，从类型文件的输入中获取所有文件，然后将它们推送到一个类型为FileList的数组，该数组成功地保存所选文件：
files: any = [];
onImageSelect(files: any = FileList) {
for(let i = 0; i < files.length; i++) {
this.files.push(files.item(i));
}
console.log(this.files)
}上面的onImageSelect方法发生在文件输入的更改上：
<input type="file" accept="image/*" multiple #fileUploader id="fileUploader" (change)="onImageSelect($any($event.target).files)">现在我有了一个类型为FileList的数组，它保存了使用类型文件的输入选择的所有文件，我希望将每个文件上传到Firebase --这是通过将上述FileList数组中的每个文件推送到一个新的数组中完成的，这个数组也是FileList类型的：
filesUploaded: any = [];
uploadImages(selectedFiles: any = this.files) {
for (let i = 0; i < selectedFiles.length; i++) {
this.filesUploaded.push(selectedFiles.item(i));
}
}上面的uploadImages方法在单击时被调用：
<button mat-raised-button color="secondary" (click)="uploadImages()">Upload</button>然而，一旦调用，我会得到一个类型错误："ERROR TypeError: selectedFiles.item不是一个函数“，为什么会这样呢？
回答 1
Stack Overflow用户
发布于 2021-08-30 05:08:56
您可以添加一个可选运算符以避免错误。这是因为item没有在selectedFiles中定义。
selectedFiles?.item(i)
确保您在对象中实现了item函数，或者使用它来避免错误(尽管我更喜欢第一个选项)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68984706
复制相关文章
相似问题
package.json修改包-lock.json
查找漏洞源(在package.json中)(包-lock.json)
有没有办法从-lock.json包中提取package.json？
有没有工具来验证/检查package.json和包-lock.json是否一致？
npm要从包中创建一个package.json文件-lock.json文件？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
