Странные символы, когда я пытаюсь получить изображение из API themoviedb - PullRequest
0 голосов
/ 09 июня 2019

Мне нужно показать несколько картинок из фильмов themoviedb api, но когда я пытаюсь их показать, у меня появляются странные персонажи

Я пытался использовать atob(), но эта функция не работает.

export default {
  data() {
    return {
      info: null
    };
  },
  mounted() {
    axios
      .get(

"https://image.tmdb.org/t/p/w500/8uO0gUM8aNqYLs1OsTBQiXu0fEv.jpg? 
api_key=05b735a5f79822f887889281f45b295a"
      )
      .then(response => (this.info = response.data))
      .then(response => console.log(this.info));
  } 
};

console.log(this.info) return to me this :
�����JFIF�����������



)  )/'%'/9339GDG]]}



)  )/'%'/9339GDG]]}����"�����������������   �������� ����=��=��f��5�����@�����������&����Sv����u�
=thH�R]Z��ӫ|<L@����[�����4L�2�#�RT�uj�F�Ӈ���N�PB�����7���V�(��{;�
{3!Lt$M�SZSn�ͺ�٪�����=�����
Sͱ����PK��"hN�Р7�6�߷n���,�@���=˸:��������;;ez�Q��.co�1r��c��T^g��e�~Ū\Wՠ���M>����hGit�����P�����tt��A������cq��X���(���]�ѭ�/5\�����C*��bDu��}��5Z�������n��m��<�̵����LZ��1/�}��~5��Z�T�r��p��   P�Ϻ`��Pe��V���B�����G3���ϩ��a�/6>���
��>�j�  .]�
��s�@���2>ڛ������o��GY������*v����F+�z�

и т.д ...

Может ли кто-нибудь сказать, почему это происходит .?

редактирование:

 url: null,
      http: "https://image.tmdb.org/t/p/w300/",
      key: "?api_key=05b735a5f79822f887889281f45b295a",
      image: null,
      name: ""
    };
  },
  mounted() {
    axios
       .get(
        "https://api.themoviedb.org/3/movie/popular? 
         api_key=05b735a5f79822f887889281f45b295a&language=en-US&page=1"
      )
      .then(response => (this.url = 
response.data.results[0].poster_path))
      .then(response => (this.image = this.http += this.url += 
this.key))

эта штука работает

1 Ответ

0 голосов
/ 09 июня 2019

atob() используется для декодирования base64, но предоставленный вами ресурс - это изображение, а не кодированное изображение base64.

Вы можете показать это с помощью HTML

<img src="https://image.tmdb.org/t/p/w500/8uO0gUM8aNqYLs1OsTBQiXu0fEv.jpg?api_key=05b735a5f79822f887889281f45b295a" alt="Fight Club">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...