两种方式读取,一种URL.createObjectURL,另一种fileReader
 
var base64 = `
data:image/jpeg;base64,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
`
var bytes=window.atob(base64.split(',')[1]); //去掉url的头,并转换为byte
//处理异常,将ascii码小于0的转换为大于0
var ab = new ArrayBuffer(bytes.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < bytes.length; i++) {
ia[i] = bytes.charCodeAt(i);
}
let file = new File([ia],{
type: 'image/png',
});
// var base = URL.createObjectURL(file);ok!!!
var fr = new FileReader();
fr.onload = function(e){
var base = this.result;
var imgBase64 = document.querySelector("#imgBase64");
imgBase64.setAttribute("src",base);
}
fr.readAsDataURL(file);
 

将图片base64格式转换为file对象并读取(两种方式读取)的更多相关文章

  1. Java中对象拷贝的两种方式

    引用的拷贝 //引用拷贝 private static void copyReferenceObject(){ Person p = new Person(23, "zhang") ...

  2. 检测对象类型的两种方式,constructor属性和instanceof

    //本例是为了记录检测对象类型的两种方式,即constructor属性和instanceof操作符.详见<高三>P145        function Person(name, age, ...

  3. 图片base64格式转为file文件类型上传方法

    日常使用文件上传方式,都是通过input type='file'的文件选择框进行文件上传.但是会通过其他交互方式等到图片的base64格式进行上传.具体情况如下示意: 在项目开发中,需要进行照片采集, ...

  4. JVM中对象访问定位两种方式

    1.通过句柄方式访问, 在Java堆中分出一块内存进行存储句柄池,这样的话,在栈中存储的是句柄的地址 优点: 当对象移动的时候(垃圾回收的时候移动很普遍),这样值需要改变句柄中的指针,但是栈中的指针不 ...

  5. 对象copy的两种方式--序列化--clone

    对象实现copy有多中方式,最土的方法就是直接new,然后塞值,不过这种方法是真的low,下面着重说说Object类中的clone() 和 序列化反序列化copy Object 中 clone的方法 ...

  6. java 的对象拷贝(有深浅拷贝两种方式,深拷贝实现的两种方式(逐层实现cloneable接口,序列化的方式来实现))

    Java提高篇--对象克隆(复制)(转自:http://www.cnblogs.com/Qian123/p/5710533.html#_label0)   阅读目录 为什么要克隆? 如何实现克隆 浅克 ...

  7. Java反射02 : Class对象获取的三种方式和通过反射实例化对象的两种方式

    1.Class对象获取的三种方式 本文转载自:https://blog.csdn.net/hanchao5272/article/details/79361463 上一章节已经说过,一般情况下,Jav ...

  8. js,JQ 图片转换base64 base64转换为file对象,blob对象

    //将图片转换为Base64 function getImgToBase64(url,callback){ var canvas = document.createElement('canvas'), ...

  9. js 图片base64转file文件的两种方式

    js 图片base64转file文件的两种方式 https://blog.csdn.net/yin13037173186/article/details/83302628 //将base64转换为bl ...

随机推荐

  1. sqlserver取分组数据的最后一条数据

    SQL Server中ROW_NUMBER()函数的使用 参考文章:https://blog.csdn.net/pan_junbiao/article/details/79941162 业务中的问题: ...

  2. Matplotlib数据可视化(5):柱状图与直方图

      柱状图和直方图是两种非常类似的统计图,区别在于: 直方图展示数据的分布,柱状图比较数据的大小. 直方图X轴为定量数据,柱状图X轴为分类数据.因此,直方图上的每个条形都是不可移动的,X轴上的区间是连 ...

  3. 进程,线程,Event Loop(事件循环),Web Worker

    线程,是程序执行流的最小单位.线程可与同属一个进程的其他线程共享所拥有的全部资源,同一进程中的多个线程之间可以并发执行.线程有就绪,阻塞,运行三种基本状态. 阮一峰大神针对进程和线程的类比,很是形象: ...

  4. echarts-liquidfill 水球显示小数点

    使用echarts-liquidfill.js的水球,水球上显示的文字可以使用chartOption.series[0].label.normal.formatter设置,想显示什么显示什么. var ...

  5. java原子操作CAS

    本次内容主要讲原子操作的概念.原子操作的实现方式.CAS的使用.原理.3大问题及其解决方案,最后还讲到了JDK中经常使用到的原子操作类. 1.什么是原子操作? 所谓原子操作是指不会被线程调度机制打断的 ...

  6. (转)windows宿主机,ubuntu虚拟机下的上网设置(有线网络和无线网络)

    转自:http://hi.baidu.com/puppywst/item/d9f73734856e2af32684f4e3 虚拟机下ubuntu共享方式上网: 有线网络 在有线网络的条件下,vmwar ...

  7. typescript package.json vscode 终端 运行任务 Ctrl shift B

    { "dependencies": { "typescript": "^3.6.4" } }

  8. 035.集群安全-Pod安全

    一 Pod安全 1.1 PodSecurityPolicy启用 为了更精细地控制Pod对资源的使用方式,Kubernetes从1.4版本开始引入了PodSecurityPolicy资源对象对Pod的安 ...

  9. 【Elasticsearch】查询并删除匹配文档之_delete_by_query

    思路:先查询确认,后精准删除 假设我想删除title是"小明今晚真的不加班"这条记录,先查看一下现有的记录: (不加班不好吗?为什么要删除呢?) tips:可以使用match_ph ...

  10. 混合开发 h5+ 沉浸式的适配

    1.需要在mainfest.json plus对象里添加 "statusbar": { "immersed": "true", " ...