将地址转成blob格式(服务器下运行)

Posted 2020-09-17 贺小鸣

<div id="forAppend" class="demo"></div>
<script>
    var eleAppend = document.getElementById("forAppend");
    window.URL = window.URL || window.webkitURL;
    if (typeof history.pushState == "function") {
        var xhr = new XMLHttpRequest();
        xhr.open("get", "test/images/1.gif", 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>‘; 
} 

</script>