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

时间:2017-03-02 09:45:13

标签: php jquery fine-uploader

我正在使用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

这在循环期间在页面中初始化,以便每个"房间"得到像这样的精彩上传者

<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查看路径。我想要的是某种&#34;当完成&#34;这给了我作为javascript变量的文件路径。然后我会使用它来附加包含文件路径的隐藏输入的表单。我确切知道如何做后半部分。我需要知道的是如何在上传文件成功时获取文件路径?

任何帮助都会得到真正的赞赏

修改

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

1 个答案:

答案 0 :(得分:1)

我解决了!

我需要在onComplete上添加一个回调。在这个例子中,我只是在console.log中包含uid和文件名的响应。从这里我可以建立我需要的网址

$('#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)}
            }
        });