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

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

点点

2021-03-26 21:38 阅读 536 喜欢 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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
在查找微信图片的时候,最不想看到的就是“图片已被清理”的提示语了。 在经历了n次图片丢失之后,小编终于总结出了自己的图片恢复攻略,今天就给小伙伴们分享我实测有用的干货技巧,希望能帮你找回自己的图片!
很多小伙伴们私信问小编,苹果电脑上的微信接收的文件保存在什么地方?小编基本上是不用苹果系列的东西的,就去朋友电脑查找一下,可以帮小伙伴解惑啦!
加密是通过异或进行加密的,只需要根据文件头计算出异或值,即可进行解密。
小编来和小伙伴们分享一下如何在iPhone上备份或恢复微信的聊天记录。微信作为我们日常生活中必不可少的通讯工具,聊天记录里保存了大量的重要信息。有时候我们可能需要备份这些记录,以防止丢失,或者在更换设备时恢复这些记录。
智能手机几乎每人一部,那么微信就成为现在最常用的社交软件之一,有些小伙伴想知道手机版微信怎么找到附近的人并打招呼,接下来小编就给小伙伴介绍一下具体的操作步骤。
安卓手机版微信软件被很多小伙伴使用,用来聊天,支付等,有的小伙伴在使用该软件时,为了节省手机内存,因此想要清空所有聊天记录,但是却不知道如何清空,那么小编就来为小伙伴介绍一下吧。
最近后台很多的小伙伴在咨询如何隐藏微信好友?微信聊天记录能不能隐藏呢?今天本文给小伙伴们讲解一下如何通过微信设置来隐藏好友和聊天记录。
智能手机有很多的牌子,现在有很多小伙伴在使用华为手机,有些用户为了保护隐私,想知道如何隐藏图库相册,接下来小编就给小伙伴们介绍一下具体的操作步骤。