首页 > 解决方案 > 使用锚标签下载 firebasecloud 存储文件

问题描述

我正在使用flask-socketIO 开发一个聊天应用程序。我允许用户使用pyrebase4模块发送我存储在 firebase 中的文件。

我成功地将文件保存到firebase并根据文件类型显示。

当文件不是音频、视频、图像时,我制作一个<a>带有下载属性的标签并传递 firebase 文件链接。

我希望通过单击链接下载文件。但是下载它会将我带到文件中。

我搜索了各种问题,说明如何制作可下载的链接。但他们都没有工作,它仍然把我带到文件中。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
<a href="https://firebasestorage.googleapis.com/v0/b/flask-chat-9e187.appspot.com/o/e7a74b994ac84bebf46748a3e144d5charchitchat.js?alt=media&token=d46645d7-39e3-43f1-bcf0-9b4931c7c111" download>download</a>
  
</body>
</html>

我尝试向文件发出获取请求并获取它的正文,但它给出了以下错误

No 'Access-Control-Allow-Origin' header is present on the requested resource

我试过 no-cors 但它返回不透明的响应而没有正文。

我的主要目的是在此链接上下载 js 文件 我想知道如何使链接可下载,以便用户可以在单击时下载文件。

提前致谢。

标签: javascripthtmlfirebase-storageflask-socketio

解决方案


推荐阅读