Uploader

图片上传组件，基于 wx.chooseImage 和 wx.previewImage 实现。

Uploader - 图1

引入

  1. import mpUploader from 'mpvue-weui/src/uploader';
  2. export default {
  3.   components: {
  4.     mpUploader
  5.   },
  6. }

使用

  1. <mp-uploader @upLoadSuccess="upLoadSuccess" @upLoadFail="upLoadFail" @uploadDelete="uploadDelete" :showTip=false :count=1></mp-uploader>

API

参数说明类型默认值
maxLength最多能上传图片的张数Number20
showTip是否显示图片上传剩余张数Booleanfalse
count最多可以选择的图片张数Number9

Event

事件名说明参数
@upLoadSuccess图片上传成功时触发successRes
@upLoadFail图片上传失败时触发failRes
@uploadDelete删除上传图片时触发DeleteRes
@complete调用接口完成时回调-
参数相关说明

  • successRes：

    • errMsg：回调消息
    • files：已上传图片的本地临时文件路径
    • tempFilePaths：图片的本地临时文件路径列表
    • tempFiles：图片的本地临时文件列表
      • path：本地临时文件路径
      • size：本地临时文件大小，单位 B

  • failRes：

    • errMsg：回调消息

  • DeleteRes：

    • files：已上传图片的链接（不包含已删除的图片）
    • index：删除图片在 files 中的索引
    • src：删除图片的本地临时路径