uni上传图片组件封装

展示效果

上传组件

组件说明

此组件为一个上传图片的组件封装，详细代码请参考开源项目

调用第三方组件说明

  1. 图片上传进度使用了uview的进度条组件 u-line-progress

基本使用

<m-file-upload label="上传图片" :initlist="list" ></m-file-upload>

data() {
    return {
        list:[{
            id:1,
            path:'/static/test/1.jpg'
        }]
    }
},

Props

参数 说明 类型 默认值 可选值
label 标题 String 标题 -
initlist 初始化显示的附件，一般用于编辑页面,数据结构[{id:'',path:''}] Array [] -
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容