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

来源：http://erdangjiade.com/topic/133380.html H5程序员 2017-10-28 16:41浏览(431)

譬如说一个网页是这样的：
<html>
<body>
<img id="cool" src="./mark.png"/>
</body>
</html>
如何通过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(){//具体操作};
这个样子

标签：公众号 Html5 Bootstrap

如何通过html和css完成下拉菜单的制作？-H5教程

是不是表单中所有带 name 属性的都会被 form.submit() 提交？-H5教程

友情提示：垃圾评论一律封号加我微信：826096331拉你进VIP群学习群

1 2