Загрузить изображение с angular

Question

В моем приложении angular 8 у меня есть изображения. Как скачать изображения в приложении angular?

В моем приложении есть листинг, а в листинге есть изображения. Я использую codeigniter в качестве бэкэнда. Я хочу знать, как загрузить изображение из приложения angular.

Answer 1

Используя приведенный ниже код, вы можете загрузить изображение с angular

const a = document.createElement('a');
a.href = URL.createObjectURL(res);
a.download = title;
document.body.appendChild(a);
a.click();

Также, используя эту демонстрационную версию, вы можете загрузить изображение

Answer 2

Вы можете просто использовать атрибут загрузки

<a href="url" download>
  <img src="url" alt="">
</a>

ЕСЛИ ваше изображение из Amazon Bucket или что-то в этом роде, то вам нужно настроить свойство загрузки при сохранении изображения в корзину.

Answer 3

if (window.navigator.userAgent.toLowerCase().indexOf('trident') > -1) { //For IE browser
  const byteCharacters = atob(base64String);
  const byteNumbers = new Array(byteCharacters.length);
  for (var i = 0; i < byteCharacters.length; i++) {
    byteNumbers[i] = byteCharacters.charCodeAt(i);
  }
  const byteArray = new Uint8Array(byteNumbers);
  const blob = new Blob([byteArray], { type: 'image/png' }); // change the file type accordingly
  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(blob, "Image.png"); 
  }
} else { //For other browsers
  const linkSource = 'data:image/png;base64,' + base64String;
  const downloadLink = document.createElement("a");
  const fileName = "Image.png";

  downloadLink.href = linkSource;
  downloadLink.download = fileName;
  downloadLink.click();
}