Fine-uploader，fileTemplate，可以有id吗？

Question

是否可以访问/让Fine-uploader在fileTemplate中设置已上传文件的id？我正在服务器端创建上传图像的缩略图，并希望将每个图像的缩略图添加到上传文件的列表中。可以使用filename来实现，但id会更好。

Answer 1

我假设您正在使用Fine Uploader UI，并且只是想在Fine Uploader UI创建的DOM中的相关文件元素旁边添加这些缩略图。如果这都是真的，那么就不需要向模板中的项添加任何额外的属性。Fine Uploader通过其API使这类事情变得容易。

看看UI section of the method documentation中的getItemByFileId方法。在给定文件ID的情况下，这将在UI中返回文件项。因此，您可以这样做：

$("#uploadContainer").fineUploader()
    .on("complete", function(event, id, name, response) {
        var $fileItemInDom = $(this).fineUploader("getItemByFileId", id),
            thumbnailUrl = response.thumbnailUrl,
            image = new Image();

        image.src = thumbnailUrl;
        $(image).insertBefore($fileItemInDom);
    });

备注：

• 上面的示例假设您已经配置了一个附加到uploadContainer元素的Fine Uploader实例。
• 上面的示例假定服务器响应中返回的包含缩略图url的参数的名称为thumbnailUrl。更改它以适应您的situtation.
• You可能需要在上面的示例中贡献您自己的CSS以及相关的超文本标记语言以适应您的web应用程序的样式。