JQuery загрузить сырое изображение из .php файла, как включить

Question

У меня есть страница с несколькими картинками, нарисованными в php. Я загружаю файл с ссылочными идентификаторами. Затем страница будет загружена, каждый из элементов изображения будет загружен с помощью ajax. (например, ajax_image.php? url = http://www.opti.com/1). Ajax_image затем рисует изображение и выводит его, используя заголовок jpeg.

Проблема в том, что когда я пытаюсь «включить» или показать это изображение в моем справочном файле, вывод не является изображением, это текст, говорящий: �JPEG

Мой jQuery выглядит так:

$.ajax({
    url: "ajax_picture.php?url="+escape($('#bilde1').attr('rel')),
    cache: false,
    success: function(html){
        $('#bilde1').html(html);
        alert('Picture 1 loaded');
        sizeChangeCallback();
    }
});

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

Answer 1

Вам не нужно использовать ajax для этого. Вместо этого просто выведите тег <img> следующим образом:

var imgTag = '<img src="ajax_picture.php?url=' + escape($('#bilde1').attr('rel')) + '" />';
$('#bilde1').html(imgTag);