0.1.3 • Published 6 months ago
lxf-vue2-js v0.1.3
lxf-vue2-js
基于 vue2 创建的插件库，收集整理一些常用代码片段
Install
npm i lxf-vue2-js
#or
yarn add lxf-vue2-jsUsage
import { urlToBase64 } from "lxf-vue2-js";
this.img = await urlToBase64(
"https://suxiaoka.oss-cn-shenzhen.aliyuncs.com/app/upload/default/20231122/ae79ac0b6b4b4974843910bcaeac643f.jpg"
);
// or
import * as lxfJs from "lxf-vue2-js";
this.img = await lxfJs.urlToBase64(
"https://suxiaoka.oss-cn-shenzhen.aliyuncs.com/app/upload/default/20231122/ae79ac0b6b4b4974843910bcaeac643f.jpg"
);Image related events
| 事件名 | 说明 | 参数 | 返回值 |
|---|---|---|---|
| getBase64Img(imgObj) | 根据图片对象获取 base64 图片 | imgObj（new Image()对象） | base64 图片 |
| urlToBase64(url) | 网络图片转 base64 （new Image() + canvas 方式） | url（图片地址） | base64 图片 |
| getBase64ByUrl(url) | 网络图片转 base64 （xhr + FileReader） | url（图片地址） | base64 图片 |
| base64ToFile(data, fileName) | 将 base64 图片转成 file 对象 | （data：base64 字符串, fileName：文件名） | file 对象 |
| urlToFile(url, imgName) | 图片地址转 file 对象 | （url：图片地址, imgName：图片名称） | file 对象 |