上传图片转换base64

//工具函数
const getBase64 = (img, callback) => {const reader = new FileReader()reader.addEventListener('load', () => callback(reader.result))reader.readAsDataURL(img)
}

 beforeAvatarUpload(file) {const isJPG = file.type === 'image/jpeg'const isLt2M = file.size / 1024 / 1024 < 2if (!isJPG) {this.$message.error('上传头像图片只能是 JPG 格式!')}if (!isLt2M) {this.$message.error('上传头像图片大小不能超过 2MB!')}/*调用*/getBase64(file, (url) => {this.imageUrl = url//得到的是base64的图片this.form.avatar = file//的到的是图片路径})return false},},

上传图片转换base64相关推荐

前端HTML上传图片传BASE64数据，图片太大进行压缩
图片上传,传递BASE64字符,现在手机像素很高,拍出来的图片都是至少好几M内存,不压缩就转换BASE64,将会出现超时等一系列问题,下文是内存大于多少的进行压缩,可控制 <div class= ...
elementui 上传图片转base64
elementui 上传图片转base64 做项目的时候,遇到需要上传图片的需求,虽然已经做好了,但是想想PC端有时候也会遇到(这次是移动端的),所以就想到了用elementui搞一下,但是遇到了一个 ...
HTML怎么转换base64教程,html5将图片转换成base64代码
我们为什么要把图片转换成base64代码? base64是一种网络上常用的8bit字节代码的编码方式,base64可以用于http环境下传递较长的标识信息,同时可以放在url当中使用,因为base64 ...
Vue+Springboot上传图片将 Base64 码转换为图片保存在指定文件夹
Vue+Springboot上传图片将 Base64 码转换为图片保存在指定文件夹前言一.Vue 前端一.五注意!!! 二.Springboot 后端引入Base64依赖在项目里新建 ut ...
图片在线转换base64
DEMO预览图片在线转换base64 图片在线转换base64--实现方法采用 FileReader 对象的 readAsDataURL 方法进行图片的转换! JS实现获取上传按钮,文字按钮,显 ...
android pdf转换base64 服务端转为文件
1.pdf转换base64 public static String encodeBase64File(String path) {File file = new File(path);byte[] ...
JAVA 图片地址路径转换 Base64 工具类
工具类代码: import sun.misc.BASE64Encoder; import java.io.ByteArrayOutputStream; import java.io.FileInput ...
图片Url转换Base64
java 图片Url转换Base64 1.引用依赖 <?xml version="1.0" encoding="UTF-8"?> <proje ...
HTML 读写txt文件与转换base64编码
最近用到html有关的一些内容,作一个笔记,也方便以后查找. 一.html写如入txt文件当中 var fso = new ActiveXObject("Scripting.FileSyst ...

上传图片转换base64

上传图片转换base64相关推荐

最新文章

热门文章