Использование Ajax из данных формы изображения перед отправкой

Question

Это общий вопрос об использовании Ajax для данных, которые не являются текстовыми / строковыми.

Можно ли выполнить POST-запрос JQuery Ajax с выбранным изображением в форме?Это делается для предварительного просмотра обработанного изображения, взятого из формы ввода, перед отправкой.Изображение отправляется на сервер, выполняющий некоторую обработку изображения, и возвращает img html.

Например:

var img = $('#form').find('input:first, select:first').first(); // the image/file input
$.ajax({

type: "POST",
url: "photoprocess.php",
data: "{prephoto: '" + img+ "'}", // ??
contentType: "application/jpeg; charset=utf-8",
dataType: "text",
success: function (response) {
var imgHtml = response.d;
$('#preview').empty();

$('#preview').append(""+imgHtml);
},
......

Если требуется плагин, на какой мне следует пойти?Или лучше сформулировать: есть ли плагин, с которым у вас есть хороший опыт для этого решения?

Cheers.

Answer 1

Нет стандартного способа сделать это, и поэтому не очень хорошая практика использовать какой-то случайный плагин или сомнительный обходной путь.Закончилось решение проблемы на стороне сервера, главным образом за счет того, что пользователи сначала должны отправить выбранную фотографию, чтобы перейти к предварительному просмотру темы (где на сервере уже есть копия необработанного изображения) и упорядочению.

Answer 2

TMHO, если вы отображаете изображение (даже предварительный просмотр) на веб-сайте, изображение должно быть на стороне сервера, даже если вы хотите эмулировать аспект предварительного просмотра, вам придется загрузить его (но вы можете сделать это васинхронный способ, просто посмотрите на AJAX-решения для загрузки).

EDIT : посмотрите комментарий Стивена ниже.В настоящее время это возможно.