我试着循环Filelist次:

console.log('field:', field.photo.files)
field.photo.files.forEach(file => {
   // looping code
})

如您所见,field.photo.files有一个Filelist:

enter image description here

如何正确循环遍历field.photo.files

推荐答案

FileList不是Array,但它确实符合合同(有length和数字指数),所以我们可以"borrow "Array方法:

Array.prototype.forEach.call(field.photo.files, function(file) { ... });

因为你显然在使用ES6,所以你也可以使用新的Array.from方法将其设置为Array:

Array.from(field.photo.files).forEach(file => { ... });

Javascript相关问答推荐

错误:找不到react-redux上下文值;请确保该组件包装在React原生Expo应用程序中的提供者中

Phaser 3 console. log()特定游戏角色的瓷砖属性

在grafana情节,避免冲突的情节和传说

在拖放时阻止文件打开

VUE 3捕获错误并呈现另一个组件

使用Google API无法进行Web抓取

元素字符串长度html

如何限制显示在分页中的可见页面的数量

<;img>;标记无法呈现图像

无法避免UV:flat的插值:非法使用保留字"

如何使用基于promise (非事件emits 器)的方法来传输数据?

有效路径同时显示有效路径组件和不存在的路径组件

使用父标签中的Find函数查找元素

Next.js中的服务器端组件列表筛选

我想使用GAS和HTML将从Electron 表格中获得的信息插入到文本字段的初始值中

如何在一个对象Java脚本中获取不同键的重复值?

在查看网页时,如何使HTML中的按钮工作方式类似于鼠标上的滚轮或箭头键?

Pevent触发material 用户界面数据网格中的自动保存

react 路由如何使用从加载器返回的数据

在没有任何悬停或其他触发的情况下连续交换图像