FineUploader获取上传文件的文件路径

Getting file path of uploaded file in FineUploader

我正在使用FineUploader 上传文件。我正在使用他们的 php-traditional-server

https://github.com/FineUploader/php-traditional-server

https://docs.fineuploader.com/quickstart/03-setting_up_server.html

我也在用jquery.fine-uploader.js

这会在循环期间在页面中初始化,这样每个 "room" 都会得到一个像这样的 Fine Uploader

<div id="<?php echo preg_replace("/[^A-Za-z0-9]/", "_", strtoupper($room->room_name)); ?>"></div>


    <script>
        $('#<?php echo preg_replace("/[^A-Za-z0-9]/", "_", strtoupper($room->room_name)); ?>').fineUploader({
            template: 'qq-template-gallery',
            request: {
                endpoint: '/fine-uploader/server/endpoint.php'
            },
            thumbnails: {
                placeholders: {
                    waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
                    notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
                }
            },
            validation: {
                allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
            }
        });
    </script>

我的这个工作正常,它可以完美地上传文件。这是我坚持的最后一块拼图。我想知道的是如何获取上传文件的文件路径?我可以看到文件正在上传,并且可以通过 ftp 查看路径。我想要的是某种 "when complete" 给我文件路径作为 javascript 变量。然后我会用它来附加包含文件路径的隐藏输入的表单。我确切地知道如何做后一部分。我需要知道的是如何获取文件上传成功后的文件路径?

任何帮助将不胜感激

编辑

我已经解决了我可以从 qq.getFilename 获取文件名,现在如果我只能获取 UID 我的问题就解决了

我解决了!

我需要添加回调 onComplete。在这个例子中,我只是 console.log 包含 uid 和文件名的响应。由此我可以构建我需要的 url

$('#id-of-fine-uploader-div').fineUploader({
            template: 'qq-template-gallery',
            request: {
                endpoint: '/fine-uploader/server/endpoint.php'
            },
            thumbnails: {
                placeholders: {
                    waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
                    notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
                }
            },
            validation: {
                allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
            },
            callbacks: {
                onComplete: function(id, name, responseJSON, maybeXhr) {console.log(responseJSON)}
            }
        });