Blob Bild URL (Javascript)

Question

Ich versuche Blob zu verwenden, um Bild in der Website anzuzeigen, aber wie ich URL außerhalb Onload erhalten kann, um es in Funktion zurückzugeben?

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

, wenn Sie verwenden imageUrl=urlCreator.createObjectURL(blob); stattdessen var imageUrl=urlCreator.createObjectURL(blob); Sie Ihre Variable in der globalen Rahmen gesetzt werden und in der Lage sein, außerhalb der Funktion zuzugreifen.

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


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

Answer 2

i erstellen möchten Probe dieses

 

    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://....");