-
자바스크립트 :: blob 바이너리 수신, 썸네일 생성Web 2019. 3. 11. 20:15
var url = "/myImage.png";
var img = document.querySelector("img");
function getImage(url) {
var req = new XMLHttpRequest();
req.open("GET", url, true);
req.responseType = "blob";
req.onload = function(re) {
hideLoadindBar();
re.preventDefault(re);
var blobData = req.response;
img.src = URL.createObjectURL(blobData);
};
req.send();
showLoadingBar();
}
img.addEventListener("onload", function(e) {
URL.revokeObjectURL(e.target.src);
)};
function showLoadingBar() {
var loadCss = ' style="position:absolute; z-index: 1999; top:0px; left:0px; right:0px; bottom:0px; background: #000; opacity:0.7;" ';
var imgCss = ' style=""position:absolute; z-index: 2000; top:50; left:0px; " ';
var body = $("body);
var loadingBar = $("#loadingBar", body);
if (loadingBar !== undefined)
loadingBar .remove();
}
loadingBar = $('<div id="loadingBar" ' + loadCss + '><img alt="loading" id="loadingImg" ' + ' src="../image/loading_bar.gif"></div>').appendTo(body);
loadingBar.show();
};
function hideLoadingBar() {
var body = $("body);
var loadingBar = $("#loadingBar", body);
if (loadingBar !== undefined)
loadingBar.hide();
}
};
getImage(url);
'Web' 카테고리의 다른 글
자바스크립트 :: 배열에서 같은 키값의 요소 제거/남김 (0) 2019.03.08 태블릿 :: 블루투스 바코드 리더기의 입력을 받아 input box에 넣기 :: 자바스크립트 (0) 2019.02.10