前端Blob对二进制流数据的处理方式

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

var xhr = new XMLHttpRequest();         xhr.open("post", "/login/getCaptcher?t=" + Math.random() + "&account=" + username, true);      xhr.responseType = "blob";      xhr.onload = function() {          if (this.status == 200) {              //var blob = this.response;  // this.response也就是请求的返回就是Blob对象       var blob = new Blob([this.response],{type:"image/jpeg"});               var img = document.getElementById("codeImg");               console.log( this.response)              img.onload = function(e) {         console.log(111)                window.URL.revokeObjectURL(img.src); // 清除释放              };              //console.log( blob)              img.src = URL.createObjectURL(blob);//创建对象URL          }      }      xhr.send();

　　Content-Type(Mime-Type)：参考http://tool.oschina.net/commons

　　Blob目前只兼容IE10.