zoukankan      html  css  js  c++  java
  • html资源转成blob对象

    html:

    <div id="forAppend" class="demo"></div>

    js:

    var eleAppend = document.getElementById("forAppend");
    window.URL = window.URL || window.webkitURL;
    if (typeof history.pushState == "function") {
        var xhr = new XMLHttpRequest();    
        xhr.open("get", "/image/study/s/s256/mm1.jpg", 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);
                eleAppend.appendChild(img);
            }
        }
        xhr.send();
    } else {
        eleAppend.innerHTML = '<p style="color:#cd0000;">浏览器不给力~</p>';    
    }

    转自:http://www.zhangxinxu.com/study/201310/blob-get-image-show.html

  • 相关阅读:
    字体
    abstract关键词
    final关键词
    多态
    接口
    java面向对象
    java运算符
    JDK安装
    循环
    TextView控件
  • 原文地址:https://www.cnblogs.com/godehi/p/8431589.html
Copyright © 2011-2022 走看看