如何使用 Rest API 在 Azure 媒体服务的 blob 存储中上传媒体文件

Question

我正在使用 javascript (angular js) 访问 Azure Media Rest API，我遵循了 Microsoft 文档 (https://docs.microsoft.com/en-us/azure/media-services/media-services-rest-get-started)，通过它我能够生成令牌、连接到媒体服务、创建访问令牌和定位器。但是在这一步之后，我在将文件上传到 blob 存储容器时遇到了问题。 有没有办法使用Angular js或javascript通过客户端上传文件？

在提出请求时：- PUT https://storageaccountname.blob.core.windows.net/assetcontainer/filename?sas token HTTP/1.1 主机： storageaccount.blob.core.windows.net 连接：保持活动 内容长度：223 x-ms-blob 类型：BlockBlob 来源：http://localhost 授权：SharedKey accountnamw：访问密钥 内容类型：视频/mp4 接受：应用程序/json， x-ms-版本：2011-08-18

这给出了响应：- HTTP/1.1 400 身份验证信息的格式不正确。检查 Authorization 标头的值。 内容长度：297 内容类型：应用程序/xml x-ms-request-id：e6b8eeaa-0001-003e-4403-6958b9000000 访问控制允许来源：本地主机 访问控制允许凭据：true 日期：2017 年 1 月 7 日星期六 16:34:38 GMT

在尝试从请求中删除授权标头和日期标头时，我们收到的响应是 404 错误：资源不存在。我正在寻找将文件上传到 blob 存储容器的适当解决方案，请帮助我解决此问题。

谢谢你..

Answer 1

由于上传不是由媒体服务 API 本身处理的，因此您需要查找使用 Azure 存储 API 通过 SAS URL 上传到块 Blob 的示例。

由于您已经有一个可写的定位器（SAS URL），您现在需要写入块 blob。

我在网络上看到了一些从客户端 Angular 代码执行此操作的示例。例如 - https://blogs.msdn.microsoft.com/kaevans/2015/12/18/securely-upload-to-azure-storage-with-angular/

我会看看有没有更多的例子

Answer 2

目前，客户端使用的 JavaScript 没有现有的 Azure 存储 SDK。因此，我们可以手动生成 SAS 令牌 URL，以便从客户端应用程序上传 Blob。

详细指导可以参考https://docs.microsoft.com/en-us/azure/storage/storage-dotnet-shared-access-signature-part-1。

另外，您可以参考这个帖子Authorization of Azure Storage service REST API，因为我们之前讨论了如何在客户端的 javascript 中生成 SAS 令牌。