在angular中实现图片/视频的预览

最新推荐文章于 2024-07-04 17:36:41 发布

通信1班陈港

最新推荐文章于 2024-07-04 17:36:41 发布

阅读量2k

点赞数

文章标签： angular

本文链接：https://blog.csdn.net/qq_50780641/article/details/124033545

版权

本文介绍如何在Angular应用中实现图片和视频的预览功能，包括相关组件的TS和HTML代码，但请注意，该实现缺少上传到服务器的逻辑，并且在某些情况下可能无法正确预览视频。

摘要由CSDN通过智能技术生成

在angular中实现图片/视频的预览

需要预览功能的ts文件

import {
    Component, OnInit } from '@angular/core';


@Component({
   
  selector: 'app-test-upload-file',
  templateUrl: './test-upload-file.component.html',
  styleUrls: ['./test-upload-file.component.css']
})
export class TestUploadFileComponent implements OnInit {
   
  constructor() {
    }

  ngOnInit(): void {
   
  }
  //图片视频选择并预览
public imagePath:any;
imgURL: any;
videoURL: any;
fileChange(