下载npm包

npm i badi-npm-uploadimg

全局导入

import upLoadImg from 'badi-npm-uploadimg'
Vue.use(upLoadImg)

组件使用

  <upLoadImg
    :limit="5"
    :legalType="[
      'image/jpeg',
      'image/jpg',
      'image/png',
      'image/webp',
      'image/bmp',
      'image/svg'
    ]"
    :fixedNumber="[750, 500]"
    :errorMsg="'格式错误提示'"
    @uploadSuccess="OnUploadSuccess"
  />

Attribute

| 参数 | 说明 | 类型 | 默认值 | | :----: | :----: | :----: | :----: | | limit | 图片数量限制 | number | 10 | | legalType | 图片格式限制 | array | ['image/jpeg','image/jpg','image/png'] | | fixedNumber | 图片尺寸比例 | array | [750, 500] | | errorMsg | 格式错误提示自定义文字 | string | —— |

Event

| 事件名 | 说明 | 回调参数 | | :----: | :----: | :----: | | uploadSuccess | 选择成功回调 | imgInfoList |

方法和返回格式

function OnUploadSuccess(imgInfoList) {}
imgInfoList = [{
  fileName: 'xxxx.xxx',
  filePath: 'data:image/xxx;base64,XXXX',
}
···
]