Angular 文件上传

下面做的是Angular  实现文件上传的一个小功能。

首先在你所需要用到的ts中导入:

import { DomSanitizer } from '@angular/platform-browser';

在constructor()中依赖注入private sanitizer: DomSanitizer:

 constructor( private sanitizer: DomSanitizer) {

  }

HTML:

ts:

imgUrl;
// 声明

  fileChange(i) {
    const file  = i.target.files[0];
    const imgUrl = window.URL.createObjectURL(file);
    const sanitizerUrl = this.sanitizer.bypassSecurityTrustUrl(imgUrl);
    this.imgUrl = sanitizerUrl;
    console.log(this.imgUrl);
  }

结果是这个样子:

期待更好的方法。