使用 Firebase 存储和 Dropzone 使用 JavaScript 上传

Question

我已经进行了大量研究，但尚未为以下问题找到可行的解决方案。我问了一个more specific question here），但由于缺乏答案或cmets，我决定问一个可能适用于更多人的更笼统的问题。

无论如何，dropzone.js 允许您使用 js 创建文件上传。下面是一个sn-p的代码：

var myDropzone = new Dropzone(document.body, {
  url: "/" // Not sure what to put here...
});

其中 url: "" 相当于表单中的 action=""。您可以找到的大多数示例都有 url:"upload.php" 但是我正在尝试将图像上传到 firebase。有没有办法运行js而不是php来上传文件？也许网址：“upload.js”？那是行不通的，只是为了表明我的意思。或者有没有办法使用 PHP 将图像上传到 Firebase？我不太确定如何继续。

这是 dropzone.js 关于 URL 属性的说法，我只是不完全理解：

URL: 必须在表单以外的元素上指定（或者当 form 没有 action 属性）。您还可以提供一个 将与文件一起调用并且必须返回 url 的函数（因为 v3.12.0)

Answer 1

您不能通过一些可以放入网络表单的特殊 URL 直接上传到 Firebase 存储。但是您可以使用 Cloud Functions for Firebase 轻松实现端点，只需编写一些在服务器端运行的额外代码。

我有 a short Gist that gives all the code 可以实现它。

您可以观看运行中的代码in this tweet。

我通过 Firebase 托管托管了我的网站，但如果您不这样做，您可能需要设置 CORS 或其他东西才能从您的页面调用 Cloud Functions。