从js将图像文件上载到azure blob存储

Question

我正在尝试将一个图像文件从html页面上传到azure blob存储。到目前为止，我已经编写了一个web服务来为我的blob容器创建SAS。由此，我创建了一个uri，格式为“blob地址”/“容器名称”/“blob名称”？“sas”。我的html页面上有一个上传控件。

然后，我尝试使用以下代码上传该文件：

var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.open("PUT", blobPath);
xhr.send(upFile.files[0]);

其中blobPath是上面提到的uri，upFile是我的html上传控件。

当我试图上传文件时，uploadFailed例程被触发。那么：这样做对吗？如何捕获上传返回的错误，以便查看出了什么问题？

我的sas看起来像：“sr=c

谢谢你的帮助。

Answer 1

我现在找到了解决这个问题的方法。我上传的内容如下：

>

我将文件作为数据URL读入文件阅读器

我对返回的字符串进行切片，并将每个切片发送到服务器，并将其存储在会话变量中

一旦整个文件被发送出去，我就调用另一个web服务，它将这些片段粘在一起，并将结果转换成字节数组

字节数组然后作为文件存储在azure的本地存储中

最后将文件从本地存储传输到blob存储

参见代码：

将文件从html上传到azure

Answer 2

这当然是正确的方式，但是有一些事情：

1. 您必须在请求中包含x-ms-blob-type请求头，其值应为BlockBlob

您可能会发现这些博客文章对于使用SAS和AJAX上传Blob很有用：

http://coderead.wordpress.com/2012/11/21/uploading-files-directly-to-blob-storage-from-the-browser/

http://gauravmantri.com/2013/02/16/uploading-large-files-in-windows-azure-blob-storage-using-shared-access-signature-html-and-javascript/