ajax jquery 实现图像上传,使用jQuery ajax上传图像的建议

我有一个包含3个输入的表单：

[1]用于状态更新的文本输入字段

[2]文件上传(用于图片)

[3]文本输入字段，用于附加链接

用户根据自己想做什么在每个选项之间切换。例如，当选择[2]时，输入[1]和[3]被隐藏。

所有这些输入都包含在ID为的单个表单中posts_form。选项[1]和[3]通过Ajax发布到不同的控制器。

现在我的问题是选项[2]，因为不可能使用jQuery ajax上传图像。

我见过的一些解决方案涉及使用jQuery Form插件，但我想知道是否可以在不使用插件的情况下进行图像上传。

例如，这将是上传的代码库，这当然是行不通的。

$.ajax({

url: 'chat/upload/' + <?php echo $page_id; ?>,

type: 'POST',

data: $('#posts_form').serialize(),

dataType: 'html',

beforeSend: function(){

$('#loading').show();

},

success: function(html) {

$('#attach').replaceWith(html);

$('#loading').hide();

$('#posts_form input').val('');

$('.posts_link').val('');

$('#chat_input').hide();

}

});

关于可以添加/更改以仅允许使用jQuery而无需插件上传图像的任何建议？

谢谢。