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

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

点点

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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
现在应该是很多小伙伴,日常生活工作都在使用微信,它是一款即时交流软件吧,在微信上除了基本的发消息功能外,还集合了很多的小程序,可以用来玩游戏,寄快递等。那在微信PC版上,该怎么使用和添加小程序呢?
现在是智能化的时代,微信是我们现在经常会使用的社交软件。它又分为手机版与电脑版,今天小编就教给小伙伴们在电脑端,微信如何实现“开机时自动启动微信”功能。
很多同学对PC端微信文件夹下的大量dat文件感到疑惑?他占据了几G甚至几十G的磁盘空间,那么这些文件有什么作用呢?是否可以删除呢?
越来越普遍的微信,有越来越多的人使用微信来传收文件,那么我们怎么找到别人发来的文件呢?小编就来为小伙伴们介绍一下吧。
现今社会,智能手机成为我们不可或缺的随身物品,那么微信又是智能手机中我们常用的软件之一。如何保护微信账号成为每一个用户必须了解的事情,哪就让点点带你了解一下吧。
智能手机中有很多的通讯软件,微信是现在最常用的社交软件之一,有些小伙伴们创建了微信群聊,想知道怎么解散,接下来小编就给小伙伴们介绍一下具体的操作步骤。
在微信软件中的微信传输助手功能里面可以在手机与电脑间传输文字、图片、音频、视频 等文件,现在就和小编一起来看一下查找文件传输助手的方法吧。
众所周知,微信聊天记录里面的图片信息,如果不及时查看的话就会被清理,之后就会显示「图片已过期」,无法查看原图。有时候一些图片正式我们需要的,但由于过期了无法查看该怎么找回呢?