如何从前端读取图片并处理二进制数据

如何从前端读取图片并处理二进制数据

点点

2021-03-26 21:38 阅读 554 喜欢 0

页面选择图片,然后获取图片,读取字节码,异或一个值后,然后重新生成图片在页面上显示。

通过DataView 对象,获取他的byte数组,然后进行处理,再从Unit8Array组装回来。

核心代码

var reader = new FileReader();
reader.readAsArrayBuffer(file);//file 源文件

reader.onload = function(bf) {
    var content = new DataView(this.result);
    for (var i = 0; i < content.byteLength; i++) {
        var br = content.getInt8(i) ^ coder;
        content.setInt8(i, br);
    }
    var binary = '';
    var bytes = new Uint8Array(content.buffer);
    var len = bytes.byteLength;
    for (var i = 0; i < len; i++) {
        binary += String.fromCharCode(bytes[i]);
    }
    var str = window.btoa(binary); 
     //将图片转成base64字符串
    var img = new Image();
    img.src = 'data:image/png;base64,' + str;
}

转载请注明出处: http://sdxlp.cn/article/weixin3.1.html


如果对你有用的话,请赏给作者一个馒头吧 ...或帮点下页面底部的广告,感谢!!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
我们现在可以在电脑上使用微信办公了。那么今天小编跟小伙伴们分享下电脑端微信中如何依靠日期找到自己的链接。
手机微信是我们常用的社交与支付软件,很多重要的东西需要我们保存,有些材料是我们取证的材料,可以作为法律证据支持的,丢了就可惜了。如果换了新的电脑我们该怎样去保存这些材料不丢失那!那就跟小编来吧!
很多的小伙伴,喜欢给自己起一个个性的签名,今天,小编给小伙伴们介绍修改微信中自己个性签名内容的方法,希望对小伙伴们有所帮助。
小伙伴们在使用微信登录和平精英后,好友是可以看到咱们的游戏动态的,不希望好友看到,该怎么操作呢?今天就跟小伙伴们介绍一下玩和平精英游戏时如何让微信好友看不到的具体操作步骤。
在当下的时代中,微信成为了我们日常生活工作中不可或缺的工具,很多的小伙伴们对微信聊天记录的保存与导出有很大的执念,因为手机内存的问题,很多的小伙伴对聊天记录进行了备份,有的直接删除,可是发现删除后内存不会真正的减少,用不了几天又会非常的卡。有的小伙伴们会直接换新手机弄个大内存的。
微信dat文件解码工具pc版是一款命令行界面的微信dat文件解码工具,可以遍历目录中被加密的图片文件,支持自动识别微信图片jpg格式的加密文件解密。
现在是智能手机的时代,盲猜,99%的人可能都没有体验过,微信支付后的这些便捷服务。 来看看,你使用过几个?
在使用微信的时候有朋友圈功能可以使用,有很多的小伙伴们在使用微信的时候好奇了朋友圈功能在哪里关闭呢?下面就来看一下小编带来的朋友圈功能关闭教程吧。