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)

最新文章

  1. HTML5离线缓存
  2. JS中delete删除对象属性
  3. android AsyncTask 只能在线程池里单个运行的问题
  4. C#出题库项目的总结(2)
  5. Html.BeginForm())与Ajax.BeginForm()
  6. WINRARA 排除 .svn 文件夹
  7. 实际操作中命令 su 与 sudo 的区别(转)
  8. css中文字体unicode对照表
  9. Core管道中的处理流程3
  10. SSH-KeyGen 的用法 【转载】
  11. USB学习小记-HID类键盘的报告描述符的理解
  12. C#WebService 客户端通过Http调用请求(转)
  13. Date Math SimpleDateFormat 类
  14. php 注意点
  15. 学习笔记TF022:产品环境模型部署、Docker镜像、Bazel工作区、导出模型、服务器、客户端
  16. 转 What is Redis and what do I use it for?
  17. Linux c 获取cpu使用率
  18. matplotlib画图
  19. Cocos Creator scrollview添加事件的两种方法
  20. P3311 [SDOI2014]数数

热门文章

  1. 与Swing的初见
  2. Java并行
  3. 面向对象this关键字和概述和应用
  4. JS audio播放一个的时候,其他正在播放的关闭
  5. 洛谷P1982 小朋友的数字——题解
  6. TCP学习笔记
  7. mac 外接屏幕切换操作
  8. YJJ&#39;s Salesman
  9. es的脑裂
  10. ubuntu18.04设置静态IP