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

377
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

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

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

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

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

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

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

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

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

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

 495