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

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

点点

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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
这篇文章就和小伙伴们分享下手机版微信怎么分身登录两个微信?这也许是最安全的方法!
智能手机已经成了我们必不可少的生活用品,而微信的使用率也是非常的高,您能说出您一天要打开多少次微信吗?微信今天收到了多少图片和视频吗?那么我们怎样快速准确的去清理手机内存哪?
PC微信会下载图片到本地存储,会为.dat后缀的文件进行加密,保护文件。
当我们在使用手机的时候,可以下载微信应用来与好友进行聊天,那么如何将聊天记录转发给他人呢?
呵呵,小编又带小伙伴们涨知识啦!在微信中,为何要绑定管理员微信号呢?安全角度:一些操作如:修改密码、群发信息,需要管理员同意才可操作,其它人可能登录微信后台,但没有权限,没有管理员的授权是无法进行重要信息的操作,那么如何绑定管理员微信号呢?
这个功能不仅节省了我们大量的时间和精力,还提高了工作效率。以前,当我们收到一张表格的图片时,需要将其保存下来,然后打开Excel软件,逐个输入数据,再进行格式调整和计算等操作。
智能手机中有 QQ,钉钉,微信等通讯软件,微信是现在最常用的社交软件之一,有很多的功能很多小伙伴们都不知道,那小编会不定期的进行微信功能的科普,有些小伙伴不知道手机微信怎么将好友移出黑名单,接下来小编就给小伙伴们介绍一下具体的操作步骤。
微信占内存越来也大,该怎样处理哪?该怎么查看?