小编典典

使用jQuery ajax上传图像的建议

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而无需插件上传图像的任何建议?

谢谢。


阅读 309

收藏
2020-07-26

共1个答案

小编典典

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

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

2020-07-26