Breaking News: Grepper is joining You.com. Read the official announcement!

multiple image choose and show image angular

Sibaprasad Maiti answered on December 22, 2022 Popularity 7/10 Helpfulness 4/10

answer multiple image choose and show image angular

related multiple image choose and show image angular

multiple image choose and show image angular

Comment

<div>
    <img *ngFor="let url of urls" [src]="url" class="rounded mb-3" width="180">
</div>
<input type="file" multiple (change)="detectFiles($event)">

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: angular image javascript show

Link to this answer
Share Copy Link

Contributed on Dec 22 2022

Sibaprasad Maiti

0 Answers Avg Quality 2/10

Closely Related Answers

multiple image choose and show image angular

Comment

export class AppComponent {

  urls = new Array<string>();

  detectFiles(event) {
    this.urls = [];
    let files = event.target.files;
    if (files) {
      for (let file of files) {
        let reader = new FileReader();
        reader.onload = (e: any) => {
          this.urls.push(e.target.result);
        }
        reader.readAsDataURL(file);
      }
    }
  }
}

Popularity 7/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: angular show image javascript javas

Link to this answer
Share Copy Link

Contributed on Dec 22 2022

Sibaprasad Maiti

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

multiple image choose and show image angular

Contents

More Related Answers

multiple image choose and show image angular

Closely Related Answers

multiple image choose and show image angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.