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

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

点点

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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
苹果官方现在在微信发放了龙年限定红包封面,所有用户都能免费领取,有很多的小伙伴好奇具体要怎么领取,下面就来看一下苹果龙年限定红包封面领取方法吧。
我们在日常生活中使用微信时,免不了要发送图片,视频,语音等,当我们需要再查看时发现过期或者是已删除,这个时候我们就会比较彷徨,现在小编就教小伙伴们,如何去查看到过期的图片,下面跟小编一起来看一下吧!
腾讯微信是一个很火的社交软件,就在微信中来聊天,一个人聊天很没有意思,这个时候就会选择建群,建过群之后想该群头像不知道怎么修改,现在就让小编带小伙伴们来看一下吧。
微信图片保存到电脑上最具体的文章,希望可以帮到小伙伴们,过期的需要恢复的可以私聊小编。
微信 for Windows聊天记录备份与恢复功能可以将手机微信上的聊天记录备份到电脑。也可将已经备份到电脑上的聊天记录恢复到手机中。
我们平时使用手机时免不了用到微信,很多小伙伴喜欢在里边发图片,视频等,想把它保存到下来怎么办呢?
在智能化的时代,智能手机基本人手一台,智能手机中的微信是我们经常使用的通讯软件,对于很多小伙伴们来说,在手机上是不怎么使用密码的,所以就会造成忘记秘密,很多小伙伴们想要知道微信怎么改密码,这样就可以一直记忆深刻,下面就让小编给小伙伴们介绍一下微信改密码的教程。
现在微信是我们常用的软件,小程序也很多,当我们在有的微信公众号会发现一些好听的音乐或音频,那么我们如何把它保存下来呢?下面就来教一下小伙伴们吧。