更新记录

1.0.3（2024-01-11）

1. 【修复】只上传一张图片，删除之后，再重新上传异常问题

1.0.2（2023-08-17）

1. 新增 自定义返回值
2. 规范 上传进度、错误回调参数

1.0.1（2023-08-17）

1. 支持 app 上传
2. 修复移除文件触发事件
3. 修复多处样式
4. 解决 h5 和 小程序 上传兼容性问题

平台兼容性

km-upload

表单系列，文件上传。包括图片预览、视频预览、办公文件预览

空明组件-表单系列-上传

PS:

1. 仅 微信小程序 支持上传文件
2. 视频，图片，办公文件可预览(h5 pdf文件不可预览)
3. 图片视频等文件必须可以跨域
4. 建议先下载示例项目运行查看
5. 插件符合 easycom 规范，可以直接在页面中使用
6. 有问题可以到 QQ 咨询哈(QQ：2796669349)

props

props 参数解释

• on-progress 上传进度回调

  • 参数

    event: {
    progress: 10, // 上传进度百分比
    loaded: 100, // 已经上传的数据长度，单位 Bytes
    total: 1000, // 预期需要上传的数据总长度，单位 Bytes
    lengthComputable: true, // 表示服务器在响应中提供了总大小的信息
    }
    const  = (event) => { }

• on-error 上传错误回调

  • 参数

    event: {
    msg: '', // 错误描述
    }
    const onError = (event) => { }

event

slot

使用

<km-upload
    :action="action"
    :onTimeout="onTimeout"
    @success='success'></km-upload>

上传成功注意事项-重要

// 不设置 customResult 时，上传图片响应值结构必须包含
响应值：{
    data: {
        url: '图片路径',
    },
}

// 设置 customResult 时，例：customResult="data.image.path"
响应值：{ // 设置 customResult 之后，响应值必须按照设置的结构返回，否则报错
    data: {
        image: {
            path: '图片路径'
        }
    },
}

欢迎各位大佬指正