文档章节

js图片链接转base64 转dataUrl

y
 yqsailor
发布于 2017/08/08 16:08
字数 71
阅读 200
收藏 0
const xhr = new XMLHttpRequest();
xhr.open('GET', 'url');

// 如果已指明,responseType 必须是空字符串或 "docuemnt" 
xhr.responseType = 'blog';

xhr.onload = ()=> {
  if (xhr.readyState === xhr.DONE && xhr.status === 200) {
      // 转成dataUrl
      // window.URL.createObjectURL(result)
      // 转成base64
      const reader = new FileReader();
      reader.onloadend = () => resolve(reader.result);
      reader.readAsDataURL(result);
  }
};

xhr.send(null);

 

© 著作权归作者所有

y
粉丝 1
博文 40
码字总数 22665
作品 0
浦东
程序员
私信 提问
DataURL, Blob, File, Image之间的关系与转换

使用前景: 移动端上传拍照图片太大,使用canvas压缩后base64=>blob二进制表单文件=>ajax-POST上传

xmqywx
2018/10/10
0
0
Vue进阶(五十): vue打包的时候有些图片没有转成base64是怎么回事呢

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunhuaqiang1/article/details/89928521 首先解释下base64的目的,其主要是为了减少http请求,转为base64以后...

No Silver Bullet
05/07
0
0
jekyll 如何加密博客 防止抓取

版权声明:博客已迁移到 http://lindexi.gitee.io 欢迎访问。如果当前博客图片看不到,请到 http://lindexi.gitee.io 访问博客。本文地址 https://blog.csdn.net/lindexi_gd/article/details...

lindexi_gd
01/29
0
0
浏览器中的data类型的Url格式,data:image/png,data:image/jpeg

所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对于img这个Tag,哪怕这个图片非常非常的小,小到只有一个 ...

蓝色头发
2014/02/28
0
1
javascript 使用btoa和atob来进行Base64转码和解码

javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用。当前html5标准正式化之际,Base64将有较大的转型空间,对于Html5 Api中出现的如FileReade...

IamOkay
2014/11/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Tedis:基于 TiKV 构建的 NoSQL 数据库

作者介绍: 陈东明,饿了么北京技术中心架构组负责人,负责饿了么的产品线架构设计以及饿了么基础架构研发工作。曾任百度架构师,负责百度即时通讯产品的架构设计。具有丰富的大规模系统构 ...

TiDB
15分钟前
0
0
linux命令

ls命令是linux下最常用的命令。ls命令就是list的缩写,缺省下ls用来打印出当前目录的清单。如果ls指定其他目录,那么就会显示指定目录里的文件及文件夹清单。 通过ls 命令不仅可以查看linux文件...

WinkJie
23分钟前
0
0
你需要的物流运输类报表,这里都有

你需要的物流运输类报表,都在这里 葡萄城报表模板库是一款免费的报表制作、学习和参考工具,包含了超过 200 张高质量报表模板,涵盖了 16 大行业和 50 多种报表类型,为 30 余万报表开发者提...

葡萄城技术团队
30分钟前
1
0
像Java SE一样编写Java EE(ddd探索)

今天主要改写昨天的组合模式成Web系统。 容器接口为 public interface TreeProduct { /** * 展示所有产品 * @return */ List<TreeProduct> allProducts();...

算法之名
31分钟前
0
0
Django Model 模型建立

Django Model 模型 Django Model层是Django的数据模型层,每一个Model类就是数据库中的一张表; 我们需要注意下面几点: model一般都是定义在不同的APP的models.py模块文件中,可以是一个,也...

彩色泡泡糖
39分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部