Question

我已经编写了一个小jQuery，以便能够上传没有页面刷新的图片，但是当我上传图片时，我必须刷新页面，以便显示新图像。我确信我的jQuery脚本有问题：

        var uploader = new qq.FileUploaderBasic({
        button: $('#account #picture .header')[0],
        action: '<?= Route::url('Account Upload Avatar'); ?>',
        allowedExtensions: ['png', 'jpg', 'gif'],
        onSubmit: function()
        {
        },
        onComplete: function(id, fileName, avatar)
        {
            $('#loader').hide();
            $('#picture img').attr('src', avatar.url + '?' + (new Date).getTime());
        }
    });
});

Answer 1

我打算编辑帖子来清理它，但后来我意识到你有一套无与伦比的括号;这会导致任何加载javascript的浏览器不执行它（无论你是否会被告知它是一个不同的故事）。

代码应该如下所示：

var uploader = new qq.FileUploaderBasic({
button: $('#account #picture .header')[0],
action: '<?= Route::url('Account Upload Avatar'); ?>',
allowedExtensions: ['png', 'jpg', 'gif'],
onSubmit: function()
{
},
onComplete: function(id, fileName, avatar)
{
    $('#loader').hide();
    $('#picture img').attr('src', avatar.url + '?' + (new Date).getTime());
}
});

注意最后省略});。

上传文件而不刷新页面

1 个答案: