2016-11-14 2 views
0

저는 FineUploader을 사용 중이며 서버에 이미지를 업로드하는 방법을 알고 있습니다.FineUploader를 사용하면 업로드 영역을 지정된 폴더의 파일로 미리 채울 수 있습니까?

$(document).ready(function() { 
    $('#fine-uploader-gallery').fineUploader({ 
    template: 'qq-template-gallery', 
    request: { 
     endpoint: "./vendor/fineuploader/php-traditional-server/endpoint.php" 
    }, 
    deleteFile: { 
     enabled: true, 
     endpoint: "./vendor/fineuploader/php-traditional-server/endpoint.php" 
    }, 
    chunking: { 
     enabled: true, 
     concurrent: { 
     enabled: true 
     }, 
     success: { 
     endpoint: "./vendor/fineuploader/php-traditional-server/endpoint.php?done" 
     } 
    }, 
    resume: { 
     enabled: true 
    }, 
    retry: { 
     enableAuto: true, 
     showButton: true 
    }, 
    thumbnails: { 
     placeholders: { 
     waitingPath: './node_modules/fine-uploader/jquery.fine-uploader/placeholders/waiting-generic.png', 
     notAvailablePath: './node_modules/fine-uploader/jquery.fine-uploader/placeholders/not_available-generic.png' 
     } 
    }, 
    validation: { 
     allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'] 
    } 
    }); 
}); 

지금은 사용자가로드 처음 페이지를 새로 고침 할 때 또는 업로드 영역 내에 표시하기 위해 지정된 폴더에서 이미지를 싶습니다. 어떻게해야합니까?

+0

"명시 적 사용자 작업없이 파일 업로드 컨트롤에 파일을 추가하는 JavaScript", AFAIK에 대해 이야기하는 중입니다. 이것은 심각한 보안 위협이되고 있습니다. 이 기능이 할 수있는 일을 상상해보십시오. "사용자 클라이언트의 파일을 사용자가 알지 못하는 서버에 업로드". (보기에서 요소를 숨기는 것이 쉽습니다). –

답변

1

예, 가능합니다. "initial files list" feature을 사용 설정하고 파인 업 로더가 적절한 JSON 데이터와 함께 보낸 GET 요청에 서버가 응답하는지 확인하십시오. 예를 들어, 초기 파일 목록에 표시 할 서버 측 파일이 있고 파인 업 로더가 /my/server/initialfiles에 엔드 포인트에 GET 요청을 보내려면 구성은 다음과 같습니다.

var uploader = new qq.FineUploader({ 
    session: { 
     endpoint: '/my/server/initialfiles' 
    } 
}) 

... 그리고 다음과 같이 보일 것이 요청에 대한 서버의 응답 (하나의 파일 만 가정이이 표현 될 수 있습니다) : 당신이하지 않은 경우

[{ "name": "foo.jpg", "uuid": "7afs-sdf8-sdaf-7asdf", "thumbnailUrl": "/my/server/foo.jpg" } ] 

당신은 thumbnailUrl 속성을 생략 할 수 있습니다 파일에 렌더링하는 이미지.

+0

완벽한! 감사! 귀하의 코드 바위! 'uuid'는 무엇이고 어디서 구할 수 있습니까? – zeckdude

+0

각 업로드 요청에는 quuid 매개 변수로 uuid가 포함됩니다. 이 파일을 데이터베이스의 파일 항목과 함께 저장해야합니다. 세부 업 로더가 업로드하지 않은 파일 (로드시 표시하려는 파일)의 경우 DB에있는 파일과 연결된 다른 고유 ID를 반환하십시오. –