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

Question

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

Answer 1

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

查看方法文档getItemByFileId的UI 部分中的方法。给定文件 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);
    });

笔记：

• 上面的例子假设你已经配置了一个 Fine Uploader 实例附加到 uploadContainer 元素。

• 上面的示例假定包含缩略图 url 的服务器响应中返回的参数名称是thumbnailUrl. 更改它以适合您的情况。

• 您可能需要为上面的示例和相关的 HTML 贡献自己的 CSS 以适应您的 Web 应用程序的样式。