更新记录
1.0.1(2024-07-31)
下载此版本
更新示例
1.0.0(2024-07-31)
下载此版本
发布
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
- |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
其他
mosowe-upload 图片/视频选择组件
uniapp
/uni_modules组件
兼容性
平台 |
android |
ios |
微信小程序 |
H5 |
兼容 |
√ |
√ |
√ |
√ |
props
属性 |
类型 |
说明 |
默认 |
modelValue |
string | string[] |
v-model,已选媒体文件地址 |
- |
width |
number |
组件宽度,单位rpx |
200 |
height |
number |
组件高度,单位rpx |
200 |
count |
number |
数量限制,小程序端受制于uni.chooseMedia ios端不能大于9 |
1 |
mediaType |
'image' | 'video' |
媒体类型 |
image |
maxDuration |
number |
video时视频时长,3~60s |
60 |
camera |
'front' | 'back' |
前、后置摄像头 |
back |
hideList |
boolean |
隐藏默认的已选列表 |
false |
slots
插槽名 |
说明 |
default |
上传按钮插槽,使用该插槽不会自动隐藏,作用域参数:{show:boolean} |
thumb |
已选列表区插槽,作用域参数:{ item:string, index:number, remove:()=>void },调用删除功能:@click=remove(index) |
示例代码
<template>
<mosowe-upload
v-model="list"
:count="3"
></mosowe-upload>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const list = ref([]);
</script>