达夕博客
  • 首页
  • 软件工具
    • 提高生产力
    • 数字化办公
    • 智能手机
    • 开发工具
  • 技术编程
  • 互联网
  • 关于
  1. 首页
  2. 技术编程
  3. 正文

Vue中图片文件转换为Base64格式的方法

2019年07月16日 14157点热度 2人点赞 0条评论

Vue中图片文件转换为Base64格式的方法

工具方法:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function convertImgToBase64(imageFile, callback, errorCallback) {
  try {
    let reader = new FileReader()
    reader.readAsDataURL(imageFile)
    reader.onload = function(e) {
      if (callback) {
        let base64Str = e.target.result
        callback(base64Str)
      }
    }
  } catch (error) {
    console.error(error)
    if (errorCallback) {
      errorCallback(error)
    }
  }
}

说明:

  • imageFile参数对应file文件的raw属性
  • callback参数,转换成功的回调函数
  • errorCallback参数,转换失败的回调函数

使用样例:

1
convertImgToBase64(this.file.raw, base64Str => console.log(base64Str), error => console.log(error));

 

标签: Base64 Vue 图片转换
最后更新:2019年07月17日

达夕

保持饥渴的专注,追求最佳的品质

点赞
< 上一篇
下一篇 >

文章评论

取消回复

最新 热点 随机
最新 热点 随机
Intellij Idea 2020.3.1无限试用激活补丁 PDF全能解决方案Adobe Acrobat DC 2020 SP 直装特别版 IntelliJ IDEA 开发助手插件DevHelper 1.0.2版本发布 IntelliJ IDEA 开发助手插件DevHelper发布啦,充分提高工作效率 全能数据库管理工具Navicat 15 旗舰版x64位安装激活 Redis可视化工具Redis Desktop Manager 2020.2下载 v2ray启动报code=exited, status=218/CAPABILITIES错误的解决方法 Adobe Photoshop 2020 V21.1.0.106 绿色特别版
Windows安装版Redis Desktop Manager 2019.4下载IntelliJ Idea最新版2019.3.3激活方法PowerDesigner 16.6的安装破解资源下载Windows安装版Redis Desktop Manager 2019.5下载Adobe Photoshop 2020 V21.1.0.106 绿色特别版三步完成PowerDesigner 16.5的安装破解汉化Intellij Idea 2020.3.1无限试用激活补丁Sublime Text 3 最新版3176激活方法
Windows 10中【需要新的应用打开此.exe】问题的解决方法 Google色彩设计速查表,支持全屏预览颜色 PDF全能解决方案Adobe Acrobat DC 2020 SP 直装特别版 推荐一个设计感十足的壁纸网站:Wallhalla 国内强制打开google.com的方法 一张图看看我的iPhone小圆点AssistiveTouch设置和布局技巧 redis cli 客户端常用命令 善用云端笔记,替代Windows记事本和新建一个Word做日常信息记录
标签聚合
Dropbox Evernote IntelliJ Idea Windows 10 Google Chrome 印象笔记 Google Drive 敏捷开发 iPhone 激活
推荐文章

COPYRIGHT © 2020 达夕博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS