如何通过 Element-UI 上传上传到 Firebase？答案

【问题标题】：How to upload to Firebase with Element-UI uploads?如何通过 Element-UI 上传上传到 Firebase？
【发布时间】：2017-10-02 10:45:33
【问题描述】：

我正在尝试使用 Element-UI 的组件将文件上传到 Firebase 的 Google Cloud 存储。显然，“action”处理程序不会接受 Firebase 上传的“gs://”前缀标准。当我尝试它时，我得到了这个错误：

XMLHttpRequest cannot load gs://.../x/y. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

有没有办法解决这个问题，还是我必须使用其他上传方法？

【问题讨论】：

标签： firebase vue.js element firebase-storage vuefire

【解决方案1】：

尝试将一个空字符串传递给action，并将您的自定义函数放入http-request，如下所示：

       <el-upload
            class="upload-demo"
            drag
            action=""
            :http-request="yourCustomFunction"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :file-list="fileList"
            multiple>

http-request 覆盖默认的 xhr 行为：http://element.eleme.io/#/en-US/component/upload

【讨论】：