2017-03-02 63 views
0

我正在使用FineUploader上傳文件。我使用他們的PHP的傳統服務器在FineUploader中獲取上傳文件的文件路徑

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查看路徑。我想是某種「完成時」,讓我作爲一個JavaScript變量的文件路徑。然後我會用這個來添加包含文件路徑的隱藏輸入的表單。我確切地知道如何做後半部分。我需要知道的是,如何獲取上傳文件成功的文件路徑?

任何幫助,將真正的讚賞

編輯

我制定了我可以從qq.getFilename文件名,現在如果我只能得到UID我的問題就迎刃而解了

回答

0

我解決了它!

我需要添加一個回調的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)} 
      } 
     }); 
+0

是否有任何理由你在這裏使用jQuery包裝?看起來你不需要。請注意,該包裝將在v6.0中完全刪除。 –

相關問題