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

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

点点

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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
微信现在最新版本,推出了个人信息的浏览和导出功能,但是很多小伙伴们不知道微信个人信息怎么导出?很多小伙伴想要导出自己的信息,那么下面就让小编给小伙伴们介绍一下具体的导出教程。
两大支付软件现在出现了重大的变革,微信和支付宝都支持转账功能,但两者之间不能直接转存,接下来教小伙伴们从微信转账给支付宝的操作方法。
最近微信是一个很火的社交软件,可以用来聊天,也可以用来支付,转账等;再次登陆微信的时候发现自动退出登录了是什么原因呢?
时隔一个月,微信又发布新版了,目前还处于8.0.31内测版,我也是在第一时间抢先体验了,你们想要的功能这次终于来了,下面一起来看看吧。
微信是我们每天都需要使用的软件,里面承载了工作和生活中很多的点点滴滴。很多小伙伴们都想要提取导出微信的聊天记录保存备份好,方便日后回顾或搜索查询。
电脑版微信是应该是小伙伴们在电脑上最常用的聊天工具了,不过在使用的过程中小伙伴们会碰到不少问题,就比如说不知道电脑微信的图片在哪个文件夹,为此小编到网上搜集了相关资料,下面就为小伙伴们带来电脑版微信的图片保存位置,小伙伴们如果有需要微信过期图片恢复的话,可以来私信一下小编哦。
微信聊天记录的备份与导出的可视化的工具介绍,希望可以帮到有需要的小伙伴们。
微信语音也就是微信的说话功能,语音相比较文字和图片来说,更加方便些了。咱们可以免去了码字的烦恼,消息传送也更加快捷。和亲密的人在微信上说过了甜言蜜语之后,是不是怕微信里面的语音记录都没有了,而且这个还不是手机备份被纳入的范围,所以如果你是因为刷机或者其他什么原因,也许都需要将微信的语音文件找到,保存好。