更新记录

1.0.1（2024-07-31） 下载此版本

更新示例

1.0.0（2024-07-31） 下载此版本

发布

平台兼容性

Vue2 Vue3
√ √
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue √ √ √ √ √ √
钉钉小程序 快手小程序 飞书小程序 京东小程序
√ √ √ √
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ √

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>

隐私、权限声明

1. 本插件需要申请的系统权限列表：

选择图片或拍照

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...