Question

是否可以访问/让Fine-uploader在fileTemplate中设置上传文件的ID？我正在服务器端创建上传图像的缩略图，并希望将每个图像的缩略图添加到上传文件列表中。有可能用文件名来实现，但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实例。
上面的示例假定服务器响应中返回的包含缩略图网址的参数名称为thumbnailUrl。改变它以适应你的情况。
您可能需要将自己的CSS贡献给上面的示例和相关的HTML，以适应您的Web应用程序的风格。

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

1 个答案: