标签：img 二进制 URL window 乱码 xhr ajax blob var

仅供自己参考

参考博客

在请求成功的地方 添加以下代码：

var blob=new Blob();

blob=this.response;

既然二进制数据拿到了，那么要把它放在一个 html标签中，并且应该是img标签 那么：代码应该是

var img = document.createElement("img");

img.src = window.URL.createObjectURL(blob); //有问题，将blob加载到img中 由于blob太大 会有性能影响 应该怎么在加载之后 如何释放呢：

img.onload = function(e) {

window.URL.revokeObjectURL(img.src);//释放。
};

然后 将img 放到一个div容器中就可以啦。

$("#imgcontainer").html(img); 是的请求处理就应该是这样。

var xhr = new XMLHttpRequest();    
    xhr.open("get", url, true);
    xhr.responseType = "blob";
    xhr.onload = function() {
        if (this.status == 200) {
            var blob = this.response;
            var img = document.createElement("img");
            img.onload = function(e) {
              window.URL.revokeObjectURL(img.src); 
            };
            img.src = window.URL.createObjectURL(blob);
　　　　　　　$("#imgcontainer").html(img);
 } } xhr.send();

标签：img,二进制,URL,window,乱码,xhr,ajax,blob,var
来源： https://www.cnblogs.com/shiazhen/p/11883686.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。