Пытаюсь уменьшить превьюшную еще не загруженную на сервер картинку в размерах на стороне сервера. Для этой задачи использую библиотеку GD, а также Ajax.
Отправляю Ajax запрос. Всё проходит без проблем, но теперь у меня задача показать картинку пользователю. Как это реализовать?
Схема такого типа:
1). index.html отправляет Ajax запрос, и здесь же нужно ее отобразить.
2). image.php - сам обработчик, где идет уменьшение размера картинки.
В самом обработчике сохранить, ресайзнуть картинку и манипулировать ее как угодно не составляет труда. А вот вытащить её не выходит.
Код такой (не полный):
(index.html)
$('body').on('click', '.button', function()
{
var formData = new FormData();
formData.append('image', $('#id_input_file')[0].files[0]);
$.ajax({
type: 'POST',
url: 'image.php',
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data)
{
$('.appendThis').html(data);
}
});
return false;
});
(image.php)
$filename = $_POST['image'];
// дальше сам процесс ресайза.. Думаю, нет смысла его вставлять
А вот вытащить её не выходит.
? Что возвращает скриптImage.php
?image.php
возвращает саму картинку, если отправлять запрос с перезагрузкой страницы.Вытащить не выходит
не понимаю каким образом это реализовать<img src="image.php">
то он выведет картинку которое было сформировано на php статично. Но в моем случаи немного по другому, т.к. картинка формируется динамично, через$_FILES['image']['tmp_name']
поэтому не получается реализовать. Как реализовать задуманное?