如何通过ng2-file-upload选择图片后立即显示？_选择多张图片后显示图片_jquery选择图片后显示 - 腾讯云开发者社区

通过ng2-file-upload选择图片后立即显示的方法如下：

首先，确保已经安装了ng2-file-upload库，并在项目中引入相关模块。
在组件中引入必要的依赖项：

import { Component } from '@angular/core';
import { FileUploader } from 'ng2-file-upload';

在组件类中创建一个FileUploader实例，并配置相关选项：

@Component({
  selector: 'app-upload',
  templateUrl: './upload.component.html',
  styleUrls: ['./upload.component.css']
})
export class UploadComponent {
  public uploader: FileUploader = new FileUploader({ url: 'your-upload-url' });
}

在HTML模板中添加一个文件选择按钮和一个用于显示选择的图片的元素：

<input type="file" ng2FileSelect [uploader]="uploader" (change)="onFileSelected($event)" />
<img [src]="selectedImage" *ngIf="selectedImage" />

在组件类中定义一个方法，用于处理文件选择事件，并在选择文件后立即显示图片：

public selectedImage: string;

onFileSelected(event: any): void {
  if (event.target.files && event.target.files.length) {
    const reader = new FileReader();
    reader.onload = (e: any) => {
      this.selectedImage = e.target.result;
    };
    reader.readAsDataURL(event.target.files[0]);
  }
}

以上代码的逻辑是，当用户选择文件后，通过FileReader将文件转换为Base64编码的字符串，并将其赋值给selectedImage变量。然后，在HTML模板中使用ngIf指令判断selectedImage是否存在，如果存在则显示图片。

这样，当用户选择图片后，就会立即显示在页面上。

推荐的腾讯云相关产品：对象存储（COS）。