ブラウザにOneDriveAPIのJSONを渡して画像を表示

 OneDriveのAPIを使うとJSONで任意の情報を取得できる。前回に任意のディレクトリの子アイテム一覧をJSONで取得したので、今回はブラウザでそのJSONを受け取って、JSONに含まれているURLから画像ファイルを表示する…というJavaScript。

(function () {

document.getElementById("imageButton").addEventListener("click", function () {
var xhr = new XMLHttpRequest();
xhr.open("get", "/Master/OneDrive/Get");
xhr.responseType = "json";
xhr.addEventListener("load", function () {
var obj = JSON.parse(xhr.response);
var values = obj["value"];
for (var v in values) {
(function () {
var img = new Image();
img.src = values[v]["@@content.downloadUrl"];
img.width = 250;
document.getElementById("images").appendChild(img);
})();
}
});
xhr.send();
});
})();
comment: 0