Question

我正在尝试在Angular中上传图片或视频。我想显示其预览。预览图像没有问题，我的问题是如何预览视频？请查看以下stackblitz链接：

代码

 onSelectFile(event) {
    if (event.target.files && event.target.files[0]) {
      var reader = new FileReader();

      reader.readAsDataURL(event.target.files[0]);

      reader.onload = (event) => {
        this.url = event.target.result;
      }
    }
  }

Answer 1

您可以确定文件是否为视频/图像类型，然后将其转发到合适的html控件

zip

CANADA

更新后的Stackblitz：https://stackblitz.com/edit/angular-video-or-image-upload-preview-fjsukm

Angular中的图像/视频预览

1 个答案: