lxf-vue2-js

基于 vue2 创建的插件库，收集整理一些常用代码片段

Install

npm i lxf-vue2-js
#or
yarn add lxf-vue2-js

Usage

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 对象 |