我有一个包含3个输入的表单:
[1]用于状态更新的文本输入字段
[2]文件上传(用于图片)
[3]文本输入字段,用于附加链接
用户根据自己想做什么在每个选项之间切换。例如,当选择[2]时,输入[1]和[3]被隐藏。
所有这些输入都包含在ID为的单个表单中posts_form。选项[1]和[3]通过Ajax发布到不同的控制器。
posts_form
现在我的问题是选项[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而无需插件上传图像的任何建议?
谢谢。
最好的选择是此插件。您正在浪费时间尝试执行此操作。
http://jquery.malsup.com/form/