在提交之前使用表单图像数据中的Ajax

Question

这是关于在非文本/字符串的数据上使用Ajax的一般问题。

是否可以使用表单中的选定图像执行JQuery Ajax POST请求？这是为了在提交之前预览从表单输入中获取的已处理图像。图像被发布到服务器进行一些图像处理，并将返回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);
},
......

如果需要插件，我应该选择哪一个？或者更好的措辞：是否有一个插件，你有这个解决方案的良好经验？

干杯。

Answer 1

没有标准的方法来执行此操作，因此使用一些随机插件或可疑的解决方法不是很好的做法。结束在服务器端解决它主要是要求用户首先提交选择的照片，以便进行主题预览（服务器已经有原始图像的副本）和订购。

Answer 2

TMHO如果您在网站上显示图像（甚至是预览图像），则图像必须是服务器端，即使您要模拟预览方面，您也必须上传它（但您可以在异步方式只是看看AJAX上传解决方案。）

编辑：请看下面的Steven评论。现在这是可行的。