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

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

点点

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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
中间发现一些图片总是失败,考虑到应该是图片的格式问题,最后兼容了下jpg gif png 这三个格式,基本上能把所有的图片全部转化成功了。现在代码已更新完成。
平常微信聊天中发出和接收到的图片,都是经过编码后再保存在电脑中的,普通方法打不开,如果需要整理,则是个问题本文详细说明如何快速地把平常微信聊天中存储在电脑中的聊天图片转换成普通图片支持JPG和PNG
近期很多小伙伴们问点点怎样可以用一个手机号怎么注册两个微信号,或许有的小伙伴试过啦。是否发现有的可以,有的不可以呀!哪什么情况可以哪?跟点点来看一下。
电脑微信下载的图片文件格式为dat格式,我们无法用土拍你查看软件进行查看,那么如何将dat格式文件转换为jpg图片格式呢?
手机微信中群聊是我们在微信使用中不可缺少的一个功能,并且就算好友之间不是微信好友关系也是可以聊天的,但是很多群聊都是不经过我们同意就拉我们进群的,我们也并没有保存到群聊功能中,所以有用户想要知道微信怎么查看自己所有的群聊,下面就让小编给小伙伴们介绍一下查看的具体方法。
以前的文章都是有代码的,这里直接给个工具,希望可以帮到各位。
微信在后台反复读取用户相册,真实情况如何?该如何保护用户隐私信息?很多的东西都是有双面性的,我们应该学会权衡利弊,不要被网络带节奏啊!什么对?什么错?每个人心中都有一杆秤,遵从自己的内心就好啦。
手机微信是当下常用的一款社交软件,有些新用户不知道手机微信怎么申请冻结名下账号,接下来小编就给小伙伴们介绍一下具体的操作步骤。