如何用js获取当前页面已加载的图片的binary？

譬如说一个网页是这样的：





如何通过js在浏览器加载完图片之后直接获取到该图片的字节流呢？
ps：不能用二次请求，谢谢大家。

回复内容：

如果是图片数据，那么用canvas。如果想要原始字节流，必须用ServiceWorker。 谢邀
读取图片的Exif信息组件
GitHub - exif-js/exif-js: JavaScript library for reading EXIF image metadata

更新一下：

function getBase64Image(img) {

    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;

    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);

    var dataURL = canvas.toDataURL("image/png");

    return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}

document.querySelectorAll('img') 大概类似于document.getELementById('cool').onload=function(){//具体操作};
这个样子

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html5离线存储有哪些
• 深入解析asp.net中mvc4自定义404页面（...
• h5新增标签audio与video的使用
• 你值得了解的HTTP缓存机制（代码详解）
• 如何用js获取当前页面已加载的图片的binary？

• HTML基础教程之<strong>和<em>
• HTML基础教程之<span>标签
• HTML基础教程之<meta>标签
• HTML <div> 和<span>
• JavaScript数组对象属性length和二维数组