Javascript 正在加载上载的图像，但表单未显示

用户使用表单上传图像。图像应全部显示在画布中。仅显示多个图像中的一个。可能图像没有正确加载

html:

let值=0；
var图像=[]；
函数设置（）{
createCanvas（320270）；
背景（0）；
const form=document.querySelector（'form'）；
帧率（2）；
form.addEventListener（'submit'，e=>{
e、 预防默认值（）；
var preview=document.querySelector（'img'）；//选择名为img的查询
var files=form.querySelector（'[type=file]'）.files；
如果（文件[0]）{
for（设i=0；i0）{image（images[cursor]，0，0，width，height-20）；}
游标++；
如果（cursor>=images.length）{cursor=0}
填充（255）；
文本大小（16）；
文本（值，10，高度-10）；
console.log（游标）；
}

图像分类
欢迎来到这个网站！
图像：

您的问题是由JavaScript作用域引起的

请看一下代码的这一部分：

for(let i = 0; i < files.length; i++){
  var reader  = new FileReader();
  reader.onloadend = function () {
    images[i] = loadImage(reader.result);
  }
  reader.readAsDataURL(files[i]);
}

---

const

关键字在块范围中创建变量，这可能是您首先期望

var

所做的。

这是一个非常好的答案！因为现在大多数浏览器都支持const，所以我将删除我的response@nosnahoj-陷阱谢谢！您的答案没有错，尽管我可能会使用一个命名函数来让新手更清楚发生了什么。很好的机会扩展功能范围，imho。非常感谢。我自己永远也不会明白这一点。我学到了更多关于JavaScript的知识。

const reader = new FileReader();