# 图片上传 y-upload
支持单选/多选/指定数量/视频
# 组件名称
y-upload
# 关联组件
- y-textarea
- y-date-picker
- y-upload
配置(app.ts)
import { uploadKey } from 'taro-yui-vue/src/components/upload/token'
app.provide(uploadKey,{
getSignatureUrl: "https://yy.bcadx.com/upload/get_signature",
bucket: 'yyres-bcadx-com',
operator: 'lmm2019'
})
# 基础用法
# 多选
# 属性
/**
* 上传类型
*/
export enum UploadTypeEnum {
/**
* 视频
*/
VIDEO= 'video',
/**
* 图片
*/
IMAGE = 'image',
/**
* pdf文件
*/
PDF = 'pdf'
}
/**
* 属性
*/
export interface Props extends Record<string, unknown> {
/***
* 模式:可编辑edit/可查看view, 默认edit
*/
pattern?: string
/**
* 参数
*/
options: YUploadOptions
/**
* 图片url列表,必填
*/
modelValue: string[]
}
/**
* 参数
*/
export interface YUploadOptions {
/**
* 是否支持多选 默认false
*/
multiple?: boolean
/**
* 上传类型:图片image/视频video, 默认图片
*/
type?: UploadTypeEnum[]
/**
* 最多可以选择的图片张数
* 默认为1,当multiple为true时候,为99,此选项设置和multiple冲突时,以该项优先
*/
count?: number
}
# 事件
export interface Events{
/**
* 上传触发
*/
onChange: string[]
}