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

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

点点

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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
通过python 实现电脑版微信中图片转码(原.dat转成JPG或PNG)
前几天,听说同事的微信钱包被盗了,钱全没了。听到这事儿,小编吓了一跳,赶紧给自己的微信钱包加了好几层保护,免得我的钱也飞了。
小编是个不喜欢清理微信聊天记录里的照片、文档、视频等各种东东的人,但是有一次不知道是因为什么,一个手贱一股脑就将好几个人的聊天记录中的文件、照片、视频通通清理并删除掉了,后面想找回来,才知道自己当时太冲动了,估计很多小伙伴们都有过这种经历吧!那么,微信删除的图片怎么恢复?
中间发现一些图片总是失败,考虑到应该是图片的格式问题,最后兼容了下jpg gif png 这三个格式,基本上能把所有的图片全部转化成功了。现在代码已更新完成。
微信是一款聊天交友,分享生活的一个社交软件,可以和好友聊天、支付、发朋友圈分享一些有趣的事情等,有的小伙伴在发布朋友圈的时候想改定位该怎么改呢,现在就让小编带小伙伴们来看一下吧。
腾讯微信是一个很火的社交软件,可以用来聊天,也可以用来支付,转账等;我们在向好友商家转账时,为什么转账会被限制呢,现在就让小编带小伙伴们来看以下解除的方法吧。
现如今随着微信的普及,很多小伙伴日常生活与工作中,会用到。但是应该有很多的小伙伴不知道微信有很多的隐藏代码.
微信通讯录黑名单的详细作用,让你的生活越来简单。