@gdyfe/tools
v1.0.10
Published
Guangdianyun tools
Downloads
16
Readme
广电云前端工具包
1. UploadImageToMss:上传图片到素材库
- 基于gdy/config:window.__GDY__ENV__CONFIG__对象
- 基于'/v1/mss/Index/uploadImgSlice'接口
- 默认同步到云平台素材库的未分组中
// 一般用在vue的Mounted生命周期中
import { UploadImageToMss } from '@gdyfe/tools'
onMounted(() => {
new UploadImageToMss({
buttonId: '#buttonId', // 绑定的dom元素id,必传
maxFileSize: '35mb', // 最大可上传图片大小,默认'35mb'(可选)
extensions: 'jpg,jpeg,gif,png', // 所支持的图片格式,默认'jpg,jpeg,gif,png'(可选)
uploadMode: 'auto', // 是否选择图片后自动上传,默认'auto'。传'manual'则为手动触发上传动作(可选)
onComplete: (url) => {}, // 上传并同步到素材库后的回调,可获取图片地址(可选)
onFileAdd: (file) => {} // 文件被添加到上传队列中的回调,可获取文件信息(可选)
})
})
若uploadMode
配置为'manual'
,需手动触发上传
const instance = new UploadImageToMss({
buttonId: '#buttonId',
uploadMode: 'manual',
})
// 手动触发
instance.start()