图片转换成base64
2024-09-01 22:07:50
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 })
}
最新文章
- python使用xlrd模块读写excel
- Linux netmask
- ansible api
- winform 两个TreeView间拖拽节点
- Eclipse 浏览文件插件 EasyExplorer 和 OpenExplorer
- 1s延时程序
- jquery判断表单提交是否为空
- angularjs-1.3代码学习 模块
- Hibernate的load()和get()区别
- 在chrome 怎么通过ajax请求加载本地文件
- zabbix监控到异常后自动执行对应命令
- 2018年2月19日我的java学习(——)
- sql定时备份
- vue项目引用 iView 组件——全局安装与按需加载
- xdoj 1146 (逆向01背包)
- spring boot springmvc视图
- NodeJs回调操作Promise化
- react封装组织架构递归树
- eclipse 中 大小写切换:ctrl+shift+x 转为大写 ctrl+shift+y 转为小写
- 【刷题】BZOJ 5249 [2018多省省队联测]IIIDX