Загрузить изображение по URL-адресу, который находится в ответе

Я пытаюсь загрузить изображение в Angular 4. В ответ я получаю URL-адрес. Когда я щелкаю по нему, я вижу изображение, которое я хочу загрузить. Я рассмотрел все вопросы о переполнении стека, но смог найти лучшее из возможных решений. Пока я пробовал это. Это работает, но когда я загружаю изображение, я получаю что-то странное вместо фактического изображения (jpg).

Component.ts
-----------------------------------------------
  download(url, downloadName) {
    let a = document.createElement("a");
    document.body.appendChild(a);
    a.href = url;
    a.download = "downloadName";
    a.click();
    document.body.removeChild(a);
  }
-----------------------------------------------

Может кто-то помочь мне с этим?

См .: stackoverflow.com/questions/47513471/…

Brandon 25.04.2018 16:07

Каково содержание полученного файла? Что такое «что-то странное»?

kvetis 25.04.2018 17:27

Я получаю один URL. когда я нажимаю это в браузере, я вижу изображение, которое я хочу загрузить, но когда я использую выше (предложил Брэндон), я могу загрузить изображение, но когда я его открываю, я получаю сообщение о недопустимом изображении.

Radiant 25.04.2018 17:30

Но каково фактическое содержимое файла? Откройте его в редакторе и посмотрите.

kvetis 25.04.2018 17:41

@ kvetis..это файл в формате jpg, который я хочу скачать ..

Radiant 25.04.2018 17:42
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
5
426
0

Другие вопросы по теме