如何從包含數組的JSON對象顯示文件？

-1

下面是我返回的json對象。正如你所看到的，我有一個名爲「DocumentVersions」的數組，其中包含要顯示的文件的Blob地址。在成功函數上，我想在div下顯示圖像。我嘗試循環但我不知道如何顯示圖像。我可以有多個文件返回。如何從包含數組的JSON對象顯示文件？

{ 
    "FileUploadID":"27", 
    "DocumentVersions":[ 
    { 
    "Active":true, 
    "DocumentVersionID":"5", 
    "FileName":"Logo0112.png", 
    "ContentLength":18846, 
    "ContentType":"image/png",   " 
    "RevisionNumber":0, 
    "RevisionDate":"2017-08-01T12:24:04.7748026+01:00",      
    "Blob":"https://address/documents/75755df4af5f.png",   
    "BlobFileName":75755df4af5f.png"   

    } 
    ], 
    "success":true, 
    "id":"27", 
    "message":"The Files have been uploaded" 
}

這是我的成功功能。從哪裏獲得「未定義‘一’不能讀取屬性」一滴

 myDiv.on("complete", function (data) { 

       res = JSON.parse(data.xhr.responseText); 

       console.log(res); 

       if (res.success == true) { 

        for (var key in res) { 
         var optionhtml = '<p="' + res[key].FileUploadID + 
         '">' + res[key].DocumentVersions.Blob + '</p>'; 
         $(".test").append(optionhtml); 

        }       
       } 
       else { 
        alert(res.message); 
       } 

      });

來源

2017-08-01 user8392603

你可以發佈你的代碼jsfiddle嗎？ –

正如你所看到的，DocumentVersions不是一個對象，它與對象（在這種情況下，只有一個對象）一個數組。

{ 
    "FileUploadID":"27", 
    "DocumentVersions":[ 

    { 
    "Active":true, 
    "DocumentVersionID":"5", 
    "FileName":"Logo0112.png", 
    "ContentLength":18846, 
    "ContentType":"image/png",   " 
    "RevisionNumber":0, 
    "RevisionDate":"2017-08-01T12:24:04.7748026+01:00",      
    "Blob":"https://address/documents/75755df4af5f.png",   
    "BlobFileName":75755df4af5f.png"   

    } 

    ], 
    "success":true, 
    "id":"27", 
    "message":"The Files have been uploaded" 
}

你需要指定數組中的內部對象，你想要得到的數據：

res[key].DocumentVersions[0].Blob

來源

2017-08-01 11:51:22

我甚至會說你想循環瀏覽文檔版本以獲取所有數據。 – JBO

我只是一個不確定的時候，我這樣做 – user8392603

感謝您的幫助，我用下面的代碼這讓我得到了解決我的問題圖像文件和顯示。

     res.DocumentVersions.forEach(function (obj) { 
         var img = new Image(); 
         img.src = obj.Blob; 
         img.name = obj.FileName; 
         img.setAttribute("class", "fileLoad");       
         $("#fileupload").append(img); 
        });

來源

2017-08-01 13:44:00 user8392603

如何從包含數組的JSON對象顯示文件？

回答

相關問題