AtImagePicker的onChange拿到的url是这样的blob:http://192.168.1.136:10086/6f0d8da,但这并不是真正的blob,通过fetch可以拿到真正的blob,再用FileReader的readAsDataURL可以得到base64,或FileReader的其他方法拿到其他数据格式

  onChange(files) {let that = this;for (let i = 0; i < files.length; i++) {fetch(files[i].url).then(data => {const blob = data.blob();return blob;}).then(blob => {let reader = new window.FileReader();reader.onloadend = function () {const data = reader.result;// console.log(data);files[i].url = data;that.setState({files})};reader.readAsDataURL(blob);})}}
     <AtImagePickermultiplefiles={this.state.files}onChange={this.onChange.bind(this)}onFail={this.onFail.bind(this)}onImageClick={this.onImageClick.bind(this)}/>

blob:http://192.168.1.136:10086/6f0d8da转成真正的blob再转成base64相关推荐

  1. 解决 cannot connect to 192.168.1.136:5555: 由于目标计算机积极拒绝,无法连接。 (10061)

    通过WiFi连接adb调试 解决 cannot connect to 192.168.1.136:5555: 由于目标计算机积极拒绝,无法连接. (10061) 解决办法1 (Windows下cmd环 ...

  2. The authenticity of host #39;slaver2 (192.168.199.132)#39; can#39;t be established. RSA key finge...

    1:ssh登录 The authenticity of host 192.168.199.132 can't be established. 的问题 问题出现了,总要解决吧,百度一下,详细介绍的很多, ...

  3. 输入192.168.1.1登陆页面打不开怎么办

    有时候路由器运行时间太长了,即使网址输入正确,账号密码也是对的,也可能出现路由器192.168.1.1无法登陆的情况. 如何解决 步骤一.登陆网址 首先要弄清楚路由器登陆的网址到底是什么,有没有被改动 ...

  4. Failed to bind NettyServer on /192.168.**.*:20880, cause: Failed to bind to: /0.0.0.0:20880

    一.概述 今天遇到的Dubbo的问题,做项目的时候,在做Dubbo的多个模块调用dubbo服务的时候遇到的问题,下面是这个问题和解决方案 二.问题异常消息 Failed to bind NettySe ...

  5. [转帖]IP地址、子网掩码、网络号、主机号、网络地址、主机地址以及ip段/数字-如192.168.0.1/24是什么意思?...

    IP地址.子网掩码.网络号.主机号.网络地址.主机地址以及ip段/数字-如192.168.0.1/24是什么意思? 2016年03月26日 23:38:50 JeanCheng 阅读数:105674  ...

  6. 电信设置的nat 虚拟服务器192.168.1.3 是什么,VMware WorkStation的三种网络连接方式详解...

    一. 首先贴出本人在网络上找到与VMware网络连接相关的知识 安装完虚拟机后,默认安装了两个虚拟网卡,VMnet1和VMnet8,其他的未安装(当然也可以手动安装其他的).其中VMnet1是host ...

  7. IP 如:192.168.2.0/24表示的IP范围及A段、B段和C段的意义

    一.192.168.2.0/24表示的IP范围 192.168.2.0换成32位二进制,四组,每组8位 /24 表示前24位不变,后8位由全0变化到全1的过程,也就是由"00000000&q ...

  8. 【Redis连接超时】io.lettuce.core.RedisConnectionException: Unable to connect to 192.168.x.x:7000

    「扫码关注我,面试.各种技术(mysql.zookeeper.微服务.redis.jvm)持续更新中-」 今天临近下班了,线上开始频繁报警,各种Redis连接超时,顿时慌的一批,因为最近在优化系统高频 ...

  9. java.net.ConnectException: Call From s150/192.168.109.150 to s150:8020 failed on connection excepti

    启动hive遇到连接的问题: Exception in thread "main" java.lang.RuntimeException: java.net.ConnectExce ...

最新文章

  1. 波司登在“寒潮”下再创新高,羽绒服行业真的靠天吃饭?
  2. “棱镜”折射出了什么
  3. linux定时关机命令_win10电脑定时关机命令
  4. ST_LINK/V2 SWIM和SWD、JTAG下载口说明
  5. MVC如何将用户控件(分部视图,RenderPartial,ViewUserControl)内容转换为字符串并输出...
  6. python上下文管理器细读
  7. HDU 4069 Squiggly Sudoku
  8. 电脑数据丢失,如何才能够快速将被删的数据文件恢复找回?
  9. Spring Could+Ant Design Pro表格数据加载
  10. 数据库技术-计算机三级考试介绍
  11. 对比LDA,NCA,PCA
  12. Android实现远程控制PC(Android[客户端]+Qt[服务器端])
  13. 计算机实验进程管理与虚拟机,虚拟机VMware进程控制实验.docx
  14. 实战游戏项目管理1-规划篇
  15. OCI runtime create failed: container_linux.go:380
  16. Android 在线升级APK
  17. Chapter1:初见ROS
  18. English学习网站
  19. 【Android】Android性能及专项测试
  20. 大数据面试之kafka重点(二)

热门文章

  1. aes加密算法简单说明
  2. vue 替换换行符为p标签
  3. 最佳答案 html5中不使用这些属性,[东北师范大学]《《HTML5开发基础与应用》2019年11月考试期末作业考核(100分)...
  4. c语言putpixel函数普通写法,C语言标准函数库5
  5. memcpy函数详解 看这一篇就够了-C语言(函数讲解、 使用用法举例、作用)
  6. 告别塑料机身 全金属青葱metal旗舰版与标准版齐发
  7. 腾讯新闻基于Flink PipeLine模式的实践
  8. Vue进阶(幺陆叁):vue项目启动后自动打开页面并设置默认浏览器
  9. 【君思智慧园区】如何打造产业社区?产业社区的打造思路有哪些?
  10. 广西科技大学c语言期末答案,广西科技大学12-13-1学期(上半)C语言A卷