Angularjs 获取JSON中的Azure Blob数据

我有以下代码来获取我的blob容器（名为

id

）的blob（上传文件）列表：

在

response.data

中，我获得了XML：

<?xml version="1.0" encoding="utf-8"?>
<EnumerationResults ContainerName="https://my-account.blob.core.windows.net/000002">
<Blobs>
<Blob>
<Name>logo-separator.svg</Name>
<Url>https://my-account.blob.core.windows.net/000002/logo-separator.svg</Url>
<Properties>
<Last-Modified>Fri, 25 Aug 2017 10:00:01 GMT</Last-Modified>
<Etag>0x8Y4EBAX0D5850C7</Etag><Content-Length>2048</Content-Length>
<Content-Type>application/octet-stream</Content-Type><Content-Encoding />
<Content-Language />
<Content-MD5>BDm9NV0Zn4e6zQO2e/D1Dg==</Content-MD5><Cache-Control />
<BlobType>BlockBlob</BlobType>
<LeaseStatus>unlocked</LeaseStatus>
</Properties>
</Blob>
</Blobs>
<NextMarker />
</EnumerationResults>"

logo-separator.svg
https://my-account.blob.core.windows.net/000002/logo-separator.svg
2017年8月25日星期五格林威治标准时间10:00:01
0x8Y4EBAX0D5850C72048
应用程序/八位字节流
BDm9NV0Zn4e6zQO2e/D1Dg==
块状物
解锁
"

有没有办法将所有这些都转换成JSON格式，以便在我的angular应用程序中使用？

my（temp？）目前的解决方案是使用一个自定义函数以JSON格式转换XML：

app.controller("attachmentsController", ["$scope", "$http", function ($scope, $http) {
    var ct = this;
    // Changes XML to JSON
    ct.xmlToJson = function(xml) {

        // Create the return object
        var obj = {};

        if (xml.nodeType == 1) { // element
            // do attributes
            if (xml.attributes.length > 0) {
                obj["@attributes"] = {};
                for (var j = 0; j < xml.attributes.length; j++) {
                    var attribute = xml.attributes.item(j);
                    obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
                }
            }
        } else if (xml.nodeType == 3) { // text
            obj = xml.nodeValue;
        }

        // do children
        if (xml.hasChildNodes()) {
            for (var i = 0; i < xml.childNodes.length; i++) {
                var item = xml.childNodes.item(i);
                var nodeName = item.nodeName;
                if (typeof (obj[nodeName]) == "undefined") {
                    obj[nodeName] = ct.xmlToJson(item);
                } else {
                    if (typeof (obj[nodeName].push) == "undefined") {
                        var old = obj[nodeName];
                        obj[nodeName] = [];
                        obj[nodeName].push(old);
                    }
                    obj[nodeName].push(ct.xmlToJson(item));
                }
            }
        }
        return obj;
    };

    $scope.go = function () {
        ct.id = $scope.id;

        var rootUrl = 'https://my-account.blob.core.windows.net';
        var containerPropertiesUrl = `${rootUrl}/${ct.id}?restype=container`;
        var blobListUrl = `${containerPropertiesUrl}&comp=list`;
        // get all possible values
        $http.get(blobListUrl)
            .then(function (response) {
                var xmlString = response.data;
                var parser = new DOMParser();
                var xml = parser.parseFromString(xmlString, "text/xml");
                var myObj = ct.xmlToJson(xml);
                ct.blobs = myObj.Blobs;
            });
    };
}]);

app.controller（“attachmentsController”、[“$scope”、“$http”、函数（$scope、$http）{
var-ct=此；
//将XML更改为JSON
ct.xmlToJson=函数（xml）{
//创建返回对象
var obj={}；
如果（xml.nodeType==1）{//元素
//做属性
如果（xml.attributes.length>0）{
obj[“@attributes”]={}；
for（var j=0；j

基于最新的Azure列表BlobREST API响应格式（上次更新于2017年8月23日），响应正文采用XML格式

您将需要实现自定义函数或使用一些npm包，例如用于将响应体从XML转换为JSON格式

参考：

---

这可能不是最好的解决方案，但以下是我所做的

我已经在mac上安装了Microsoft Azure Storage Explorer。所有文件都已上载-基本上只需选择“全部”，右键单击并复制-创建一个新的.json文件并粘贴！只需整理代码即可

{
    "CloudHub.Azure.Storage.Blobs": 
    {
            "connectionString": "BlobEndpoint=https://mystorage.blob.core.windows.net;SharedAccessSignature=....",
            "containerName": "mycontainer",
            "accountUri": "https://mystorage.blob.core.windows.net",
            "sourceFolder": "",
            "items": [{
              "relativePath": "Image1.JPG",
              "snapshot": ""
            }, {
              "relativePath": "Image2.JPG",
              "snapshot": ""
            }, {
              "relativePath": "Image3.JPG",
              "snapshot": ""
            }],
            "sasToken": "SAS-TOKEN....."
          }
        }

这不是一个拉动态blob列表的好解决方案。我的要求是拉一个我在容器中上传的所有照片的列表，我只需要相对路径

---

干杯。

尝试将url更改为：var blobListUrl=

${containerPropertiesUrl}&comp=list&jsoncallback=？

；我编辑了OP，解释说我没有读取blob内容，但我从给定的容器中读取了blob列表（在我的例子中是文件），仍然没有办法获得json响应吗？

{
    "CloudHub.Azure.Storage.Blobs": 
    {
            "connectionString": "BlobEndpoint=https://mystorage.blob.core.windows.net;SharedAccessSignature=....",
            "containerName": "mycontainer",
            "accountUri": "https://mystorage.blob.core.windows.net",
            "sourceFolder": "",
            "items": [{
              "relativePath": "Image1.JPG",
              "snapshot": ""
            }, {
              "relativePath": "Image2.JPG",
              "snapshot": ""
            }, {
              "relativePath": "Image3.JPG",
              "snapshot": ""
            }],
            "sasToken": "SAS-TOKEN....."
          }
        }