javascript - 将 File Reader API 中的值添加到数组

Question

我有以下代码上传图像并获取图像的尺寸。我现在正在尝试将这些维度添加到数组中。这是我的代码

files_dropped: File[] = [];

  onSelect(event) {
    this.files_dropped.push(...event.addedFiles);
    const formData = new FormData();

    for (var i = 0; i < this.files_dropped.length; i++) {
      formData.append("file[]", this.files_dropped[i]);
      const reader = new FileReader();
      reader.addEventListener("load", function () {
        const img = document.createElement("img") as HTMLImageElement;
        img.onload = () => {
          console.log(img.naturalWidth, img.naturalHeight);
        }
        img.src = reader.result as string;
      }, false);
      
      reader.readAsDataURL(this.files_dropped[i]);
    }
  }

this.files_dropped 如果我 console.log 它看起来像这样

所以我试图获取的值img.naturalWidth, img.naturalHeight并将它们推送到 [File] 属性，就像我们可以看到的那样name，size等等，但我被困在这里

标签： javascriptangular