vue 图片转base 64
2024-10-21 15:37:20
// 将图片转换为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);
},
最新文章
- KnockoutJS 3.X API 第四章 表单绑定(8) submit、enable、disable绑定
- MyBatis特殊字符转义
- Object C学习笔记17-动态判断和选择器
- UI UIView
- 个推推送Android问题检测
- Jquery使用tbody编辑功能实现table输入计算功能
- gem update --system 302 错误 解决方案(转)
- RIA Test:try catch 对 Error #1009 (无法访问空对象引用的属性或方法)的处理
- 有两个数据库A和B,数据库A中有表a,如何把表a映射到数据库B中,sql 2005
- ZipFile和ZipInputSteam解压zip文件
- Entity Framework——常见报错总结
- ORACLE 触发器 基础
- app后端设计(9)-- 动态通知
- [转]Windows下Python多版本共存
- elastic-job集成到springboot教程,和它的一个异常处理办法:Sharding item parameters '1' format error, should be int=xx,int=xx
- Django+easyui 快速开发
- [LightOJ 1027] A Dangerous Maze
- Kafka 0.8 Consumer设计解析
- iOS 字符串 中包含 % 百分号的方法
- Autofac在项目中应用的体会,一个接口多个实现的情况
热门文章
- MogDB 学习笔记之 -- 索引失效
- C++程序设计实验二 数组、指针与C++标准库
- 【剑指Offer】【树】【双向链表】二叉搜索树与双向链表
- Centos 升级glibc 亲测好用
- 以EEPROM为例的硬件IIC的使用
- django项目 在进行数据生成迁移文件makemigrations时报Please select a fix:...
- file、blob、base64相互转换
- sudo:Operation not permitted事件
- 「postOI」Cross Swapping
- spring的aop的粗浅理解