首页 > 其他分享 >请求 blob 图像并使用 fetch API 转换为 base64

请求 blob 图像并使用 fetch API 转换为 base64

时间:2022-09-28 21:24:51浏览次数:50  
标签:dataUri urlContentToDataUri base64 fetch API blob reader example

通用功能:

function urlContentToDataUri(url){
    return  fetch(url)
            .then( response => response.blob() )
            .then( blob => new Promise( callback =>{
                let reader = new FileReader() ;
                reader.onload = function(){ callback(this.result) } ;
                reader.readAsDataURL(blob) ;
            }) ) ;
}

//Usage example:
urlContentToDataUri('http://example.com').then( dataUri => console.log(dataUri) ) ;

//Usage example using await:
let dataUri = await urlContentToDataUri('http://example.com') ;
console.log(dataUri) ;

标签:dataUri,urlContentToDataUri,base64,fetch,API,blob,reader,example
From: https://www.cnblogs.com/waw/p/16739599.html

相关文章

  • APICloud可视化编程(二)
    上一期我们为大家讲解低代码在国内市场的当前现状以及APICloud可视化开发工具的组件类型和特点。相信大家对可视化编程有了一个整体的了解,那么今天带大家更进一步的使用组......
  • APICloud可视化编程(二)
    上一期我们为大家讲解低代码在国内市场的当前现状以及APICloud可视化开发工具的组件类型和特点。相信大家对可视化编程有了一个整体的了解,那么今天带大家更进一步的使用组......
  • 使用Python的Win32api接口实现后台的键鼠模拟的消息模拟
    importtimeimportwin32apiimportwin32conimportwin32guiclassVirtual_Keyboard(object):def__init__(self,hwnd):self.hwnd=hwnds......
  • Jmix 中 REST API 的两种实现
    你知道吗,在Jmix中,RESTAPI有两种实现方式!很多应用是采取前后端分离的方式进行开发。这种模式下,对前端的选择相对灵活,可以根据团队的擅长技能选择流行的Angular/React/......
  • 如何提取 IOS Document_apis
    关于IOS私有库的搭建,⽹上的教程很少,目前为止,发现的⼀个⽐较好的⽂章,是教你私有库的搭建和扫描,但是⽂章因为存在时间⽐较⻓,套在现在框架中,难免有些不适⽤,我就在⼤神(Deft_MK......
  • java8实战十一: java8----新的日期时间API
    java8中新的时间和日期APIJava的API提供了很多有用的组件,能帮助你构建复杂的应用。不过,JavaAPI也不总是完美的。我们相信大多数有经验的程序员都会赞同Java8之前的库对......
  • 59、Window10+VS2019调用百度的API进行活体检测
    基本思想:给客户搞了个摄像头的人证比对历程,真艰辛;本以为很简单的一个事情,最开始是人证比对,客户搞成了照片测试;我又搞成了眨眼测试,客户用上了手机播放视频;我又又搞成了手机......
  • 在Python使用Win32api接口实现后台截图
    1#对后台窗口截图2importwin32gui,win32ui,win32con3importcv24importnumpyasnp56#获取后台窗口的句柄,注意后台窗口不能最小化7hWnd=win32......
  • 关于UE4 C++项目编译rapidxml库并运行时报错问题
    新建了一个UE4的C++项目,想使用第三方的rapidxml库对我以前作cocos2d-x的游戏配置数据进行解析,因为以前就用的是这个库。发现在UEEditer里编译C++的时候不会出错,但在xc......
  • python使用有道翻译api请求
    #!/usr/bin/python#-*-coding:utf-8-*- #coding=utf-8 importos,sysimportjsonimportimporthttplibkey='这里写上你在有道翻译api网站上得到的的apikey'keyfrom......