Blob图片网址（javascript）

Question

I try to use blob to show image in website but how I can get URL outside onload to return it in function?

var xhr = new XMLHttpRequest();
xhr.open("GET", "//fiddle.jshell.net/img/logo.png", true);
xhr.responseType = "arraybuffer";

xhr.onload = function(e) {
    var arrayBufferView = new Uint8Array(this.response);
    var blob = new Blob([arrayBufferView]);
    var urlCreator = window.URL || window.webkitURL;
    var imageUrl = urlCreator.createObjectURL(blob);
    //window.URL.revokeObjectURL(imageUrl);
};

xhr.send();

Answer 1

if you use imageUrl=urlCreator.createObjectURL(blob); instead var imageUrl=urlCreator.createObjectURL(blob); you will put your variable in global scope and be able to access outside the function.

function yo(lo) {
window.onload=function(e){
lo("give me shiny gold");
}}


yo(function(work) {
alert(work);
});