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

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

点点

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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
现在的微信是一款可以和好友聊天、支付、发朋友圈分享一些有趣的事情的多功能APP,有的小伙伴在发布朋友圈的时候想改定位该怎么改呢?
微信有电脑端和手机端两种,有时我们会需要将手机端微信上的文件传到电脑端微信,或是将电脑端微信上的文件传到手机端微信上,那么如何实现两者间的文件互传呢?下面小编就来为小伙伴们具体介绍。
现今社会,智能手机成为我们不可或缺的随身物品,那么微信又是智能手机中我们常用的软件之一。如何保护微信账号成为每一个用户必须了解的事情,哪就让点点带你了解一下吧。
现如今微信是我们经常使用的社交软件之一,很多的应用小伙伴们都不知道怎么使用,今天来普及一下,我们有的时候也会使用微信购物,接下来小编就教小伙伴们怎样查看和添加收货地址。
中间发现一些图片总是失败,考虑到应该是图片的格式问题,最后兼容了下jpg gif png 这三个格式,基本上能把所有的图片全部转化成功了。现在代码已更新完成。
每年苹果发布会过后,应该都会有部分使用安卓手机的小伙伴转到iPhone的阵营里,手机中很多的资料都需要转移到新手机上,尤其是当下的微信聊天记录,珍贵的相片等,那当购买新iPhone后,如何将Android的资料转移到iOS上呢?相信小伙伴们也很好奇,不同系统也可以转移吗?现在小编就来教小伙伴们如果把Android的资料转移到iOS里,跟小编一起看看吧!
微信是现在十分常用的一款社交软件,有些新用户不知道手机微信怎么将好友推荐给其他人,接下来小编就给小伙伴们介绍一下具体的操作步骤。
怎样一个一个的查看pc 端微信版的dat文件,有点慢就是。 后边有一个批量的。