2017-03-02 17 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를 통해 경로를 볼 수 있습니다. 내가 원했던 것은 자바 스크립트 변수로 파일 경로를 제공하는 일종의 "완료"입니다. 그런 다음 파일 경로가 포함 된 숨겨진 입력 내용을 양식에 추가 할 때이 방법을 사용합니다. 나는 후자 부분을 정확하게하는 방법을 알고있다. 내가 알아야 할 것은 업로드 된 파일의 성공에 대한 파일 경로를 얻는 방법입니다.

어떤 도움도 정말 감사하겠습니다

편집 나는 단지 내 문제가

해결 될 것 UID를 얻을 수 있다면 지금, qq.getFilename에서 파일 이름을 얻을 수 있습니다 밖으로 일한

답변

0

나는 그것을 해결했다!

콜백 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)} 
      } 
     }); 
+0

여기에 jQuery 래퍼를 사용하는 이유가 있습니까? 당신이 필요로하는 것처럼 보이지 않습니다. 래퍼는 v6.0에서 완전히 제거됩니다. –