角度预览多个图像和视频

Question

我在Angular应用中预览多个图像和视频时遇到问题。我有“格式”变量来确定它是“图像”还是“视频”。请查看我的stackblitz链接

CLICK THIS LINK

onSelectFile(event) {
    const files = event.target.files;
    if (files) {
      for (const file of files) {
        if (file.type.indexOf("image") > -1) {
          this.format = "image";
        } else if (file.type.indexOf("video") > -1) {
          this.format = "video";
        }

        const reader = new FileReader();
        reader.onload = (e: any) => {
          this.urls.push(e.target.result);
        };
        reader.readAsDataURL(file);
      }
    }
  }

Answer 1

您具有urls变量，但尚未初始化。当您将元素推送到未定义的变量时，它将引发错误。要解决此问题，您需要像这样初始化变量：

urls = [];