Получить картинку с помощью Jquery Ajax

304
03 марта 2017, 00:38

Задача следующая получить картинку по имеющейся ссылке, закодировать в 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>

Answer 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">

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте standart-s.com.ua
ТОП-10
READ ALSO
Сделать owl slider carousel адаптивным под сетку bootstrap
jQuery

Сделать owl slider carousel адаптивным под сетку bootstrap

В проекте используется сетка bootstrap и слайдер owl slider carousel

 576
Не знаю как верстать календарь
CSS

Не знаю как верстать календарь

ПомогитеНе могу верстать этот участок, не знаю

 248
Как составить запрос mysql?
MySQL

Как составить запрос mysql?

Здравствуйте, у меня возник вопрос в следующем: есть таблица с объявлениями Items , у каждого объявления есть своя категория, в зависимости от того...

 234
Как создать классы по существующей БД в intellij IDEA
MySQL

Как создать классы по существующей БД в intellij IDEA

Eсть БД с SQL скриптами по созданию таблицЕсть Intellij IDEA, в проект которой подлючена данная БД

 423