使用 React 在 Azure Blob 存储中上传文件
Posted
技术标签:
【中文标题】使用 React 在 Azure Blob 存储中上传文件【英文标题】:Upload a file in Azure Blob Storage using React 【发布时间】:2021-08-31 08:00:53 【问题描述】:我正在处理需要从我的 React 应用程序将 .txt 文件上传到 Azure Blob 存储的要求。我在 React 创建了一个文件上传按钮,触发时将连接到我的 Azure Blob 存储帐户并在那里上传文件。我已经看到了很多关于如何做到这一点的示例,但我不清楚如何从我的 React 应用程序连接我的 Azure Blob 存储帐户。我看到的所有示例都使用 Node 和 .ts 表示法。谁能指导我如何使用 React 实现这一目标。
【问题讨论】:
【参考方案1】:这里是您使用 React 将文件上传到 Blob 存储的分步过程的链接
Upload to Azure Blob Storage with React | by Stuart Tottle | Medium
下面是可以下载的代码 stottle-uk/stottle-react-blob-storage (github.com)
以下是示例代码的解决方案 StottleReactBlobStorage (stottle-blob-storage-react.azurewebsites.net)
【讨论】:
谢谢我能够使用上面的链接实现这一点,仅供您参考,github.com/shubhamagarwal/Blob-Storage 的示例也可以使用。以上是关于使用 React 在 Azure Blob 存储中上传文件的主要内容,如果未能解决你的问题,请参考以下文章
使用 AspNet 从 Azure Blob 存储下载和重命名文件
web.config 重写规则在 blob 存储中的 Azure 静态网站中不起作用
将文件从浏览器上传到 Azure Blob 存储,无需 SAS 密钥