Как скачать изображение с URL-адреса, когда кнопка нажата в угловой 4 - PullRequest
Новая
       31

Как скачать изображение с URL-адреса, когда кнопка нажата в угловой 4

0 голосов
/ 07 декабря 2018

Привет всем, я получаю изображение, которое приходит со стороны сервера и показывает его на веб-сайте. Я хочу загрузить его, когда нажата кнопка загрузки. Как мне добиться этого?

У меня есть HTML-код следующим образом 

 <div class="row SectionRow" style="margin: 50px 0px !important;">
              <div class="col-md-6 col-sm-6 col-xs-6" style="text-align: center; margin-bottom: 20px">
                <img #imgRef2 class="ProfileImage">
                <br>
                <button type="button" (click)="DownloadProfilePic()" class="btn btn-default SigButton">Download</button>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-6" style="text-align: center; margin-bottom: 20px; padding-top: 50px;">
                <img #imgRef class="SignatureImage">
                <br>
                <button type="button" class="btn btn-default SigButton">Download</button>
              </div>
            </div>

угловая машинопись 

@ViewChild('imgRef') Signature: ElementRef;
  @ViewChild('imgRef2') ProfilePic: ElementRef;

OnInit()
{
          this.Signature.nativeElement.src = this.ImageAppDetails.AA_SIGNATURE;
          this.ProfilePic.nativeElement.src = this.ImageAppDetails.AA_PHOTO;
}

URL будет для профиля в виде 'http://192.0.0.100/image.jpg'

как мне добиться этого, когда я нажимаю кнопку загрузки.Помощь будет оценена.

Ответы [ 2 ]

0 голосов
/ 07 декабря 2018

Вам просто нужно добавить атрибут «скачать» в ваш тег привязки.А затем примените стиль CSS, как требуется. 

<a class="fa fa-download" type="button" class="btn btn-default SigButton">Download</a>
0 голосов
/ 07 декабря 2018

Используйте window.open(url); для загрузки изображения 

 DownloadProfilePic() { ;
    var url = this.ProfilePic.nativeElement.src 
    window.open(url);
  }
...