图片转换成base64
let bgcImage = 'http://192.168.0.83:9080/files/4a9c3056-9b9b-4b41-b8e2-fd9f27023c41.jpg'
let image = new Image()
image.crossOrigin = '' // 必须有这个
image.src = bgcImage
image.onload = () => { // 图片加载完成后,调用getBase64Image方法
let base64ImageSrc = getBase64Image(image)
console.log(base64ImageSrc )
} // url转base64
export function getBase64Image(image, width, height) { // width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小
let canvas = document.createElement('canvas')
canvas.width = width !== undefined ? width : image.width
canvas.height = height !== undefined ? height : image.height
let ctx = canvas.getContext('2d')
ctx.drawImage(image, , , canvas.width, canvas.height)
let ext = image.src.substring(image.src.lastIndexOf('.') + ).toLowerCase()
let dataURL = canvas.toDataURL('image/' + ext)
return dataURL
}
// base64转file
export function dataURLtoFile (dataurl, filename) {
let arr = dataurl.split(',')
let mime = arr[].match(/:(.*?);/)[]
let bstr = atob(arr[])
let n = bstr.length
let u8arr = new Uint8Array(n)
while (n--) {
u8arr[n] = bstr.charCodeAt(n)
}
return new File([u8arr], filename, { type: mime })
}
图片转换成base64的更多相关文章
- java 图片转换成base64字符串
		import java.io.ByteArrayOutputStream; import java.io.FileInputStream;import java.io.FileOutputStream ... 
- js绝对地址图片转换成base64的方法
		//将图片转换成base64 function getBase64Image(url, callback){ var canvas = document.createElement('canvas') ... 
- Java对网络图片/本地图片转换成Base64编码和解码
		一.将本地图片转换成Base64编码字符串 /** * 将本地图片转换成Base64编码字符串 * * @param imgFile 图片目录路径 * @return */ public static ... 
- delphi将图片转换成Base64编码函数
		{************************************************************************** 名称: BaseImage 参数: fn: TF ... 
- Base64字符保存图片,图片转换成Base64字符编码
		//文件转换成Base64编码 public static String getFileBase64Str(String filePath) throws IOException { String f ... 
- 利用PHP将图片转换成base64编码的实现方法
		先来说一下为什么我们要对图片base64编码 base64是当前网络上最为常见的传输8Bit字节代码的编码方式其中之一.base64主要不是加密,它主要的用途是把某些二进制数转成普通字符用于网络传输. ... 
- 图片转换成Base64编码集成到html文件
		首先为什么要这么做? 原因很简单这样可以减少与服务器的请求,当然对于一些浏览器并不支持,如IE8.通常用在手机版网站中,具体转化方法如下: 1.在线打开Base64的编码器将图片编码成Base64 ... 
- JS将图片转换成Base64码
		直接上代码 html页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ... 
- lua  把图片转换成base64
		调用实例 require("ZZBase64") local files local file = io.open("E:\\2342.jpg","r ... 
- data:image/png;base64   上传图像将图片转换成base64格式
		大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJ ... 
随机推荐
- 【JS】369- 20个常用的JavaScript字符串方法
			点击上方"前端自习课"关注,学习起来~ 作者:前端小智 https://segmentfault.com/a/1190000020204425 本文主要介绍一些最常用的JS字符串函 ... 
- 浅谈Java三大特性
			Java三大特性想必大家都不陌生:封装.继承以及多态.很多刚接触Java的小伙伴都会想,它们到底有什么了不得之处,又赋予Java这门编程语言什么魔力呢?今天我们来探讨一下吧~~ 首先,名词解释: 封装 ... 
- 【C语言】%f,%lf,%3.1f
			在输出时应注意变量类型,使用如%3.1时会默认四舍五入. 
- 基于 raft 协议的 RocketMQ DLedger 多副本日志复制设计原理
			目录 1.RocketMQ DLedger 多副本日志复制流程图 1.1 RocketMQ DLedger 日志转发(append) 请求流程图 1.2 RocketMQ DLedger 日志仲裁流程 ... 
- ES7中的async 和 await
			async 和 await 一个函数如果加上 async ,那么该函数就会返回一个 Promise async function test() { return "1" } con ... 
- drf源码分析系列---版本控制
			版本的使用 第一步:写路由url(r'^api/(P<version>\w+)/user/$',views.UserView.as_view()), 第二步:写模块导入from rest_ ... 
- android studio 代码问题总结
			1,android studio隐藏title时,用eclipse里面的方法不行,所以用下面的代码解决,此代码需要写在 加载xml文件之后 getSupportActionBar().hide(); ... 
- mysql数据库密码的修改与恢复
			一.mysql密码的修改与恢复 1.修改密码 mysqladmin -u root -p123 password 456 数据库内修改 method.first: update mysql.user ... 
- Unity中文API参考手册
			转载请标明原文地址:http://www.cnblogs.com/zhangyukof/p/6835582.html Unity5中文脚本手册 网页版 Unity API 执行顺序: Unity5中 ... 
- django基础之day04,聚合查询和分组查询
			聚合查询: 聚合函数必须用在分组之后,没有分组其实默认整体就是一组 Max Min Sum Avg Count 1.分组的关键字是:aggretate 2.导入模块 from django.db.mo ... 
