0

Задача следующая получить картинку по имеющейся ссылке, закодировать в base64 и отправить на свой сервер. Запнулся на получении картинки с сервера, я вижу в отладчике что картинка получена, точнее байты, но ответ на запрос все равно попадает в fail() :

$.ajax({
  type: 'GET',
  url: "https://www.w3schools.com/css/img_viewport2.png",
  dataType: 'image/jpg',
  success: function(data) {
    alert("ok");
  }
}).fail(function(XHR) {
  alert("false");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

1
  • 1
    ? dataType: 'image/png',
    – DNS
    28 фев 2017 в 16:24

1 ответ 1

1

Вы пытаетесь сделать кроссдоменный запрос да и ещё по https. Самый простой вариант - это создать у себя на странице <img> засунуть туда src, а потом вставить в канвас и декодировать. Сама функция есть уже на stackOwerflow

function getBase64Image(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;

    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);

    var dataURL = canvas.toDataURL("image/png");

    return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");

}

  img = document.getElementById('img');
  console.log(getBase64Image(img));
<img id="img" src="http://es.biznestext.com/image/cache/catalog/logo.png_crop_211.50632911392404_216.99999999999997-275x275.png" style="display:none">

2
  • Ваш код из примера не имеет два return
    – koks_rs
    28 фев 2017 в 18:06
  • @koks_rs, спасибо, что что заметили. Поправил 1 мар 2017 в 6:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.