Question

我在我的应用中实施了FineUploader的React版本，以便将文件上传到Azure Blob存储。

确保上传文件后，我需要将其信息保存在后端数据库中。除非我知道文件在我的blob存储中，否则我不想在我的数据库中注册文件信息。这是我需要捕获的信息：

原始文件名
已分配blobName或uuid
如果可以的话，文件大小信息也会非常有用，但它不是必须的

如果我正确阅读文档，blobProperties似乎是我获取此信息的正确位置，但到目前为止，我还没有能够将其发挥作用。

在blobProperties内，我不需要调用我的数据库来获取blobName。我可以分配一个简单的GUID值，或者只是捕获uuid FineUploader正在分配的值。我只是想捕获我需要的信息并将它们存储在我的Redux商店中。

这是我需要帮助的地方：

const uploader = new FineUploaderAzure({
    options: {
        blobProperties: function(id) {

            // How do I get original file name here?
            // If I can, I'd like to get file size as well.
            // Once I know file's original name as well as the blobName assigned to it, I'll store them in my Redux store
        },
        cors: {
            expected: true,
            sendCredentials: false
        },
        signature: {
            endpoint: 'http://myapp.com/api/getsas'
        },
        request: {
            endpoint: 'https://myaccount.blob.core.windows.net/my-container'
        },
        callbacks: {
            onComplete: function (id, name, responseJSON, xhr) {

                myFunction(responseJSON);

            }
        }
    }
})

const myFunction = (responseJSON) => {

    // If upload is successful, I'll get file details from Redux store and call my action creators
    // to trigger an API call to my backend so that I can register uploaded files in my database.
}

我非常感谢如何获取我正在寻找的文件信息。

Answer 1

使用onComplete函数参数id，您可以使用fineUploader公开的方法检索所有内容，例如

的getName https://docs.fineuploader.com/branch/master/api/methods.html#getName
的GetFile https://docs.fineuploader.com/branch/master/api/methods.html#getFile
的getSize https://docs.fineuploader.com/branch/master/api/methods.html#getSize
getBlobName https://docs.fineuploader.com/branch/master/api/methods-azure.html#getBlobName

你可以在你的函数中像这样调用它们

onComplete: function (id, name, responseJSON, xhr) {
                uploader.methods.getName(id);
                uploader.methods.getSize(id);
                uploader.methods.getBlobName(id);
                myFunction(responseJSON);
            }

从FineUploader获取上传的文件信息

1 个答案: