При загрузке изображения с использованием XmlHttpRequest я получаю эту ошибку

Question

При загрузке изображения с использованием XmlHttpRequest я получаю эту ошибку

1

Это код, за которым я следую.

 storageRef.child('images/stars.jpg').getDownloadURL().then(function(url) {
      // 'url' is the download URL for 'images/stars.jpg'

  // This can be downloaded directly:
  var xhr = new XMLHttpRequest();
  xhr.responseType = 'blob';
  xhr.onload = function(event) {
    var blob = xhr.response;
  };
  xhr.open('GET', url);
  xhr.setRequestHeader('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  xhr.setRequestHeader("Access-Control-Allow-Headers", "Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers");
  xhr.setRequestHeader('Access-Control-Allow-Headers', 'Content-Type');
  xhr.send();

  // Or inserted into an <img> element:
  var img = document.getElementById('myimg');
  img.src = url;
}).catch(function(error) {
  // Handle any errors
});

Но я не могу загрузить файл изображения, так как он говорит:

В запрошенном ресурсе нет заголовка "Access-Control-Allow-Origin". Происхождение ' http://localhost: 8000 ', следовательно, не допускается.

Тем не менее, мне удалось отобразить изображение в моем теге img. Было бы хорошо, если бы я мог загрузить его также.

Я использую localhost для запуска этого.

Обновлено: Это новая ошибка:

Поле заголовка запроса. Access-Control-Allow-Origin не разрешено заголовками Access-Control-Allow-Headers в предполетном ответе.

Adi Mabfalin 06 июнь 2017, в 14:06

Источник

Теги:

javascript

xmlhttprequest

download

1 ответ

Ещё вопросы

F.bernal · Answer 1 · 2017-06-06T10-30-00.000Z

Вы должны добавить заголовки на свой сервер:

header('Access-Control-Allow-Origin', '*');
header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
header('Access-Control-Allow-Headers', 'Content-Type');

Например, это позволит использовать все домены для указанных методов и заголовков.

Это не совет, это решение ... если у вас нет доступа к серверу, вы должны попросить администраторов добавить ваш домен, чтобы получить доступ к его ресурсам из вашего домена.
Является ли та же самая ошибка теперь вызванной разрешенными заголовками, в моем ответе заголовок типа содержимого разрешен только