当前位置：Gxlcms > html代码 > 如何用js获取当前页面已加载的图片的binary？

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

时间：2021-07-01 10:21:17 帮助过：9人阅读

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

如何通过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(){//具体操作};
这个样子

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

回复内容：

人气教程排行