javascript - Azure Blob 架构/使用场景 : Dynamic Blog Containers and Uploading/Viewing Images

Question

我正在开发一个 Web 项目，其中用户需要一个专用的“工作区”来上传和查看特定于他们的图像。我目前的想法是，我将在以下位置利用 Azure Blob 存储:

1) 单击(可能在填写表单后)，用户将获得自己的 Blob 容器，他们可以在其中上传和查看已上传的文件

2) 用户将无法查看其他人的 Blob 容器 (SAS)

3) 用户可以稍后登录，并通过引用与其用户名关联的 Blob 容器“从上次中断的地方继续”(我设想使用 Azure 移动服务来存储对用户名及其拥有的 Blob 的引用)

我有一个通过 JavaScript 实现这一目标的硬性要求(我正在使用 AngularJS 应用程序)，并且会包含 node.js 作为一个选项。

我的问题如下:

1) Azure Blob 存储是否适合此类场景？

2) 我如何通过 JavaScript 以编程方式创建容器？

3) 使用 JavaScript(jQuery 等)上传文件的首选方法是什么？我已经启用了 CORS 并将示例 blob 设置为公共(public)以进行测试，但在 PUT 请求中仍然收到跨源错误。我需要带有公共(public) blob 的 SAS 吗？

4)除了 PUT 之外，我还需要覆盖现有图像吗？

5)最重要的是:考虑到用户希望在短时间内查看他们上传的图像，社区会推荐他们的替代架构或解决方案

Answer 1

1) Is Azure Blob Storage the right solution for a scenario such as this?

要在 Azure 中存储图像，Blob 存储是最佳选择。

2) How would I programmatically create containers via JavaScript?

从技术上讲，您可以使用 REST API 通过 JavaScript 创建容器，但不建议这样做，因为现在只有帐户所有者可以创建容器(或者换句话说，需要帐户 key 来创建容器)。您可以做的是，当用户注册时，在服务器端脚本中创建一个容器。

3) What is the preferred method for using JavaScript (jQuery, etc.) to upload files? I have already enabled CORS and set a sample blob to Public for testing but am still getting a Cross Origin error with a PUT request. Do I need SAS with a public blob?

您可以使用 jQuery 或 Angular(取决于您的舒适程度)。我写了一篇关于使用 jQuery 上传 blob 的博客文章，您可以在此处阅读:http://gauravmantri.com/2013/12/01/windows-azure-storage-and-cors-lets-have-some-fun/ 。我找不到它，但我记得有人用 Angular 写过同样的内容。

关于 CORS 错误(我也看到了您的其他问题)，请尝试将允许的来源设置为 "*"。由于某种原因，将 origin 设置为 "localhost:someport" 效果不佳。

您不需要 SAS 来读取(下载)公共(public) blob。但是，您需要 SAS 来执行上传和更改 blob 属性等操作。

4) Is there anything beyond a PUT that I would need to overwrite an existing image?

我不这么认为。我建议您阅读 Blob 存储 REST API，以便您在请求中传递正确的 header 。

5) MOST Importantly: Are their alternative architectures or solutions the community would recommended given that users expect to view their uploaded images in short order

就我个人而言，这个架构对我来说看起来不错。事实上，我在我的应用程序中大量使用它。但我也有兴趣听听其他人的想法。