Javascript 精细上传器：无法从服务器加载缩略图

我想在成功上传后绘制服务器生成的缩略图

我的代码：

function createUploader() {
    var uploader = new qq.FineUploader({
        element: document.getElementById('uploader_button'),
        multiple: false,
        display: {
            fileSizeOnSubmit: true
        },
        request: {
            endpoint: '/upload/newDocument',
            params: {
                token: '********'
            }
        },

        /* ...settings... */

        callbacks: {
            onComplete: updatePicture
        }
    });

    function updatePicture() {
        uploader.drawThumbnail(document.getElementById('picture'), 200, true);
    };
};

Html:

精细上传器日志输出：

[FineUploader 4.0.3] xhr - server response received for 0 fineuploader-4.0.3.min.js:16
[FineUploader 4.0.3] responseText = {"success":true,"thumbnailUrl":"\/preview\/00a64818c21a35ab59a342cc3e41182e50c06fa3528b128db22bb0.33508816.jpg"} fineuploader-4.0.3.min.js:16
[FineUploader 4.0.3] Received response status 200 with body: {"success":true,"thumbnailUrl":"\/preview\/00a64818c21a35ab59a342cc3e41182e50c06fa3528b128db22bb0.33508816.jpg"} fineuploader-4.0.3.min.js:16

updatePicture

函数在上载后成功调用，但未绘制缩略图

---

我的代码有什么问题？如何绘制缩略图？

问题是您没有正确调用

drawThumbnail

方法。根据，第一个参数是关联文件的ID。因此，您的onComplete回调应该如下所示：

onComplete: function(id) {
    updatePicture(id)
} 

并且必须将updatePicture函数更改为：

function updatePicture(fileId) {
    uploader.drawThumbnail(fileId, document.getElementById('picture'), 200, true);    
}

onComplete: function(id) {
    updatePicture(id)
} 

function updatePicture(fileId) {
    uploader.drawThumbnail(fileId, document.getElementById('picture'), 200, true);    
}