Отправьте изображение с php-сервера с помощью вызова ajax ⇐ Php

[Anonymous]

Суть того, что я пытаюсь сделать, — это найти файл и отобразить изображение с сервера. HTML имеет простую панель поиска, которая позволяет ввести поисковый запрос. JavaScript использует запрос ajax для вызова файла PHP, а PHP находит изображение на сервере и отправляет его обратно для отображения.

Сейчас происходит следующее: изображение не отображается, и я получаю значок, указывающий на недопустимое изображение. Кажется, что вызов ajax работает, но я думаю, что данные, которые я отправляю обратно, неверны. Я пытался найти это, но, похоже, у всех разные мнения о том, как это сделать, и это сбивает с толку.

HTML

Код: Выделить всё

    





My Page

JavaScript

Код: Выделить всё

$(document).ready(function() {
$("#search").on('click', function(){
$.ajax({
url: '/search.php',
type: 'POST',
data: $("#searchbox").serialize(),
success: function(data) {
$('#images').append(data);
},
error: function() {
alert('failure');
}
});
});
});

PHP

Код: Выделить всё

Подробнее здесь: [url]https://stackoverflow.com/questions/39565233/send-image-from-php-server-using-ajax-call[/url]