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 })
}

最新文章

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

热门文章

  1. android studio 代码问题总结
  2. JS基础知识——变量类型和计算(一)
  3. java—将数据库读取的list转tree
  4. poj 1077 Eight (八数码问题——A*+cantor展开+奇偶剪枝)
  5. express 中间件的简单应用与实现
  6. 比较typeof与instanceof
  7. df,dh 命令
  8. C#界面设计相关设置
  9. Oracle Proc编程性能优化经验
  10. js截取指定字符前面或后面的内容