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

【问题标题】：Fine-uploader, fileTemplate, possible to have id?Fine-uploader，fileTemplate，可以有id吗？
【发布时间】：2013-09-14 07:49:09
【问题描述】：

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

【问题讨论】：

标签： jquery fine-uploader

【解决方案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。更改它以适合您的情况。
您可能需要为上述示例和相关的 HTML 贡献自己的 CSS 以适应您的 Web 应用程序的样式。

【讨论】：

其实我用的是jQuery插件，但是有了你的回答，我可能会想办法解决我的问题。谢谢！很抱歉我的问题有点含糊。
我在这个问题中添加了 jQuery 标签并修改了我的答案以支持 jQuery 语法。