vue 图片转base 64

摘要:
//将图像转换为Base64imageUrlToBase64(img){//必须将其设置为let,否则图像将不会显示letimage=newImage();//解决跨域问题image.setAttribute('crossOrigin','onymous');letimageUrl=img;image.src=imageUrl;//image.onload是异步加载图像。onload=()=˃
// 将图片转换为Base64
imageUrlToBase64(img) {
// 一定要设置为let,不然图片不显示
let image = new Image();
// 解决跨域问题
image.setAttribute('crossOrigin', 'anonymous');
let imageUrl = img;
image.src = imageUrl;
// image.onload为异步加载
image.onload = () => {
this.getImage(image);
};
},
getImage(image) {
let canvas = document.createElement('canvas');
canvas.width = image.width;
canvas.height = image.height;
let context = canvas.getContext('2d');
context.drawImage(image, 0, 0, image.width, image.height);
let quality = 0.8;
// 这里的dataurl就是base64类型
let dataURL = canvas.toDataURL('image/jpeg', quality);

},

免责声明:文章转载自《vue 图片转base 64》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SpringCloud Feign 之 超时重试次数探究UVa1024下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Linux shell之打印输出

本章主要介绍外壳的打印和输出。知识要点:shell脚本都是用#!通常,chmod用于向shell脚本授予可执行权限。shell脚本中通常有两种类型的打印输出:echo和printf。前者将自动换行。如果双引号(“”)用作外壳中的打印内容,如果双引号中有特殊字符,则需要在特殊字符之前添加转义字符。当然,您也可以使用单引号或不使用引号直接输出。如果使用单引号或不...

Sqlite可视化工具sqliteman安装(转)

Sqlite可视化工具sqliteman安装1.安装前的系统要求:RedHat6.9Qt库版本:4.2及更高版本2.当以源代码模式安装时,您可以在以下地址下载安装文件https://sourceforge.net/projects/sqliteman/files/sqliteman/1.2.2/3.安装1)将tar包上载到Linux,2)tarxvfsqli...

Java Android 二进制文件读写

=-1){out.write;}返回。toByteArray();}1.2分段读取二进制文件,一次读取1024字节,byte[]buffer=newbyte[1024];PrivatevoidreadLocalFile()throwsIOException{StringfileName=“abcd.raw”;InputStreaminputStream=ge...

前端利器躬行记(7)——自制脚手架

path是Node.js中的路径模块path.resolve()用于解析绝对路径,__dirname可读取当前模块的目录名。静态资源最终路径=output.publicPath+加载器或插件的配置路径。假设html元素的背景是一条相对路径,那么最后生成的路径将会是“/img/lake.png”,其中配置的输出目录是“img”。paths.servedPath...

docker安装MySQL5.7示例!!坑,ERROR 1045 (28000): Access denied for user

处理mysql1045错误1.在/usr/local/mysql/conf中添加一个文件。d目录:mysql文件的内容是:[mysqld]skip-grant-tables2重新启动mysql:dockerstartmysql5.73进入docker:dockerexec-itmysql5.7bash4登录mysql:mysql-uroot-p5将root密...

jenkins之部署、启动、关闭

jenkins可以通过内置的应用服务器或者借助其他应用服务器启动目录1、启动jenkins2、关闭jenkins3、重启jenkins4、重新加载jenkins配置信息前言:部署jenkins应用,是要安装java的,最新版本的jenkins是需要按照1.8版本的jdk,不然启动不了。...