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

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

点点

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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
微信作为一款流行的社交应用程序,已经成为我们生活中不可或缺的一部分。然而,有时候我们会遇到微信中没有图片的情况,这不仅会影响我们的沟通,还可能导致一些不必要的困扰。
腾讯微信的深度清理功能可以帮助深度的清理微信中的陈年旧东西,帮助我们微信减负,这样就可以减少手机紧张的内存,所以是非常方便的清理微信的功能,但是很多用户不知道在哪,下面就让小编给小伙伴介绍一下微信深度清理功能在哪里找。
互联网的崛起彻底改变人们的生活方式,虽然我国互联网起步较晚,但如今已经彻底渗入到方方面面。而社交软件的出现也打破人与人之间传统的交流壁垒。在国内众多社交软件中,微信无疑是社交领域的巨头。现如今有好多的小伙伴们都在使用微信,微信已经成为人们装机必备的社交软件
每年苹果发布会过后,应该都会有部分使用安卓手机的小伙伴转到iPhone的阵营里,手机中很多的资料都需要转移到新手机上,尤其是当下的微信聊天记录,珍贵的相片等,那当购买新iPhone后,如何将Android的资料转移到iOS上呢?相信小伙伴们也很好奇,不同系统也可以转移吗?现在小编就来教小伙伴们如果把Android的资料转移到iOS里,跟小编一起看看吧!
现在微信是一个很火的社交软件,聊天就是其中一种功能,在聊天的时候发的一条消息不希望好友当下就看到,那怎么设置定时发送消息呢,但是小伙伴们不要打扰别人的正常生活呀!
这年头微信在手机里的地位越来越高,有些小伙伴能接受手机丢了,但前提是微信里保存的小视频和聊天记录必须留下…… 可是又能怎么办哪?小编来给小伙伴们科普一下啦!
由于微信的普及,很多上班族为了方便都使用上了电脑版微信,那么电脑版微信的聊天记录怎么保存?保存在哪里呢?电脑上怎么看微信手机版聊天记录?小编为小伙伴们一一解答,一起来了解下吧
信语音铃声是可以进行设置成为自己喜欢的歌曲的,并且都是歌曲的副歌部分,就像是手机铃声一样,很多小伙伴想要知道微信语音铃声怎么让对方听到歌曲,下面就让小编给小伙伴们介绍一下微信语音铃声让对方听到歌曲的方法。