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>

贡献者

mosowe