2017-11-21 12 views
0

설치하기 전에 dropzone.js URL에 대한 Firebase Storage의 URL을 알아 내려고합니다. 중포 기지에서Dropzone.js를 사용하여 firebase storage 용 url을 정의하는 방법은 무엇입니까?

나의 현재 저장은 다음과 같습니다

var pictureDir = storage.ref(`public_profile/${user.uid}/photos`); 

그리고 Dropzone.js 옵션 ... 내가 어떻게 추가하는 몰랐다 누락 된 URL이 있습니다.

dropzoneOptions: { 
    url: ``, 
    thumbnailWidth: 150, 
    maxFilesize: 0.8, 
    addRemoveLinks: true, 
    headers: { "My-Awesome-Header": "header value" } 
} 

나는이 URL이 VAR를 추가하는 경우하지만 난 얻을 :

Failed to load gs://project33.appspot.com/public_profile/CWWFGRET4534/logo/product.png: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 

어떤 아이디어?

답변

2

짧은 답변은 Firebase 용 Cloud Storage가 dropzone.js을 지원하지 않는다는 것입니다. Dropzone requires a server-side implementation (해당 URL에 살 것입니다).

동일한 클라이언트 측 동작을 원한다면 기본 제공 양식 POST 대신 저장소 put() 메서드를 사용하기 위해 dropzone을 해킹 할 수 있습니다.

+0

JS 초보자 용 질문 : 'dropzone.js'에서 해킹에 대해 어떻게 생각하세요? 소스 코드를 변경해야합니까 아니면 다른 방법이 있습니까? –

+1

@StephanLV 특정 POST 요청 대신 Firebase에 업로드하기 위해 업로드 코드 (https://github.com/enyo/dropzone/blob/master/dist/dropzone.js#L1791)를 편집하고 싶습니다. URL. 레포를 포크하여 자신의 레포에서 재생할 수 있습니다. 합리적으로 다시 병합 할 방법이 있는지 여부를 결정하십시오. –

+0

고맙습니다. 내 방식대로했을 것입니다. @enyo라는 확인 양식을 기다리는 중, 게시 URL 대신 함수 호출이 그의 관점에서도 원하는 방식이 될 것입니다. –