将图片地址转为blob格式的例子

Posted 贺小鸣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将图片地址转为blob格式的例子相关的知识,希望对你有一定的参考价值。

html代码:

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

javascript代码:

<script>
var eleAppend = document.getElementById("forAppend");
window.URL = window.URL || window.webkitURL;
if (typeof history.pushState == "function") {
    var xhr = new XMLHttpRequest();    
    xhr.open("get", "此处填写您的图片地址", 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>

请务必在环境下运行

(来源:http://www.zhangxinxu.com/study/201310/blob-get-image-show.html   类似知识:http://blog.csdn.net/oscar999/article/details/36373183)

以上是关于将图片地址转为blob格式的例子的主要内容,如果未能解决你的问题,请参考以下文章

Oracle中存储图片的类型为BLOB类型,Java中如何将其读取并转为字符串?

java 将数据库中的blob字段转为图片显示在前端页面上

JavaScript把项目本地的图片或者图片的绝对路径转为base64字符串blob对象在上传

将本地图片文件夹转为 HTML 文件

vue的图片地址转为base64格式

java中关于json传图片的方法