如何使用 Dropzone.js 定义 Firebase 存储的 url？答案

【问题标题】：How to define url for firebase storage with Dropzone.js?如何使用 Dropzone.js 定义 Firebase 存储的 url？
【发布时间】：2017-11-21 05:23:19
【问题描述】：

我正在尝试确定设置之前需要的 dropzone.js URL 的 Firebase Storage 的 URL。

我目前在 firebase 中的存储是：

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" }
}

如果我将此 var 添加到此 URL 但我得到：

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.

有什么想法吗？

【问题讨论】：

标签： firebase firebase-storage dropzone.js

【解决方案1】：

简短的回答是 Cloud Storage for Firebase 不支持 dropzone.js。 Dropzone requires a server-side implementation（将位于该 URL）。

如果您想要相同的客户端行为，您可能会破解 dropzone 以使用 Storage put() 方法而不是其内置形式 POST。

【讨论】：

可能是一个 JS 新手问题：你将如何在 dropzone.js 进行黑客攻击？我需要更改源代码还是有其他方法？
@StephanLV 您想要编辑上传代码 (github.com/enyo/dropzone/blob/master/dist/dropzone.js#L1791) 以上传到 Firebase，而不是对某个指定 URL 的 POST 请求。在决定是否有合理的方法将其重新合并之前，您可以分叉存储库并在自己的存储库中使用它。
谢谢，这就是我的方式。等待确认表单@enyo，从他的角度来看，这 - 一个函数调用而不是一个发布 URL - 也是一种理想的方式。