无需页面刷新即可上传文件

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());
}
});

注意末尾遗漏的});。