Задать вопрос

serf10

Лайки

  • Как отобразить в теге img изображение возвращаемое Ajax запросом?

    @lolzqq
    HTML,CSS,JS,PHP
    - можете по get запросу с нужными вам параметрами каждый раз генерить картинку php скриптом библиотекой gd
    - с помощью скрипта, который обрабатывает ajax - отдавать url на скрипт генерящий картинку
    - получив в ответе этот url - вставляете его, как аттрибут src тега img - картинка прогружается с сервера

    альтернативно, если у вас есть просто набор готовых картинок
    - скрипт, который обрабатывает ваш ajax запрос - отдаёт url нужной картинки
    - получив в ответе этот url - вставляете его, как аттрибут src тега img - картинка прогружается с сервера

    На js добавление картинки в канвас проделать можно так:
    var canvas=document.querySelector('#canvas');
var img = new Image();
img.src = "face.jpg";
img.onload = function() {canvas.drawImage(img, 10, 10);}
    Ответ написан
    3 комментария
    3 комментария

  • Как отобразить в теге img изображение возвращаемое Ajax запросом?

    @Dmitriyq
    Добавить в конфиг аякса и через URL.createObjectURL отобразить картинку
    xhrFields:{ responseType: 'blob' }

    $.ajax({
  url: MY_URL_,
  method: "GET",
  xhrFields: {
    responseType: 'blob'
  },
  headers: {
    "Authorization": "Basic YAZRt45aWDa25wDDdFND232YFmVmb23213ffWEa5OA=="
  }
}).then(response => {
    console.log(response);
    $('#canvas').attr('src', URL.createObjectURL(response));
}).catch(error => {
   console.log(error);
})
    Ответ написан
    2 комментария
    2 комментария