我有一个包含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而无需插件上传图像的任何建议?
谢谢。