ブロブ画像URL（JavaScript）

Question

ブロブを使用してウェブサイトに画像を表示しようとしましたが、関数内で返すためにURLを外部に取得する方法はありますか？

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

あなたの代わりにvar imageUrl=urlCreator.createObjectURL(blob);をimageUrl=urlCreator.createObjectURL(blob);を使用する場合は、グローバルスコープであなたの変数を入れて、関数の外でアクセスできるようになります。

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


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

Answer 2

は、私はあなたが知っている必要があり、この

 

    function blob_im(url){ 
    var xhr = new XMLHttpRequest(); 
      xhr.open("GET", url, 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(); 
    return imageUrl; 
    } 

    var image_link = blob_im("http://....");