liangbowen f390fa9e06 仓库初始化 vor 10 Monaten
..
components f390fa9e06 仓库初始化 vor 10 Monaten
changelog.md f390fa9e06 仓库初始化 vor 10 Monaten
license.md f390fa9e06 仓库初始化 vor 10 Monaten
package.json f390fa9e06 仓库初始化 vor 10 Monaten
readme.md f390fa9e06 仓库初始化 vor 10 Monaten

readme.md

liu-choose-media适用于uni-app项目的自定义图片视频通用选择器(微信小程序)

本组件目前兼容微信小程序、不支持H5

本组件本组件只支持微信小程序,支持图片视频选择、图片视频预览、图片视频删除、图片视频回显,可自由选择图片或者视频,支持文件个数限制,支持自定义上传类型,支持视频时常限制

--- 扫码预览、关注我们 ---

扫码关注公众号,查看更多插件信息,预览插件效果!

使用示例

<template>
	<view style="padding: 20rpx;">
		<liu-choose-media :maxNumber='9' :files.sync="flieList"></liu-choose-media>
		<view style="margin-top: 30rpx;">选择的附件信息:{{JSON.stringify(flieList)}}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				flieList: [] //所选择的附件信息
			}
		}
	}
</script>

属性说明

| 名称 | 类型 | 默认值 | 是否必传 | 描述 | | ----------------------------|--------------- | ---------------------------- | ----------- | | files | Array | [] | 是 | 选择的附件信息 | maxNumber | Number | 9 | 否 | 最多选择附件数量 | columns | Number | 4 | 否 | 每行显示的附件数量 | gapNumber | Number | 20 | 否 | 行与列的间隙(rpx) | height | Number | 150 | 否 | 图片/视频高度(rpx) | canEditor | Boolean | true | 否 | 是否可以编辑 | maxDuration | Number | 30 | 否 | 视频上传时长限制(秒) | mediaType | Array | ['image', 'video'] | 否 | 选择的文件类型['image', 'video']