使用jQuery ajax上传图像的建议

Question

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

谢谢。

Answer 1

最好的选择是此插件。您正在浪费时间尝试执行此操作。

http://jquery.malsup.com/form/