更新记录

1.0.0（2025-07-16） 下载此版本

第一版，完成上传 、删除、回显视频

平台兼容性

uni-app(4.64)

template中添加组件，图标依赖uni-icons

<video-uploader ref="videoUploader"
    :value="videoUrl"
    :uploadUrl="uploadFileUrl"
    :headers="headers"
    mode="camera"
    :maxDuration="60"
    camera="back"
    @upload-success="onUploadSuccess"
    @upload-fail="onUploadFail"
    @delete="onDeleteVideo"
    />

script中引用组件

import VideoUploader from '@/components/fan-video-uploader/fan-video-uploader.vue'
export default {
    components: {
        VideoUploader,
    },
    data() {
        return {
            videoUrl: '',
            headers: {
                Authorization: '',
            },
            uploadFileUrl: '', // 上传文件服务器地址
        }
    },
    methods: {
        //上传成功回调
        onUploadSuccess(res) {},
        //上传失败回调
        onUploadFail(err) {},
        //删除视频回调
        onDeleteVideo(path) {},
        //重置组件回调
        reset(){this.$refs.videoUploader.reset()}
    }
}

属性说明

事件