@tcly-pangu/uploader v1.0.7

使用方式

npm install @tcly-pangu/uploader -S

<uploader
  :initList="fileList"
  :size="5"
  accept=".bmp,.gif,.jpeg,.jpg,.png"
  listType="picture-card"
  tip="文件大小不超过 5M，支持 bmp、gif、jpeg、jpg、png 格式文件"
  @change="onChangeUploadImage"
></uploader>

data () {
  return {
    fileList: [{
      uid: '1',
      name: 'test.png',
      status: 'done',
      url: 'https://test.png'
    }], // 文件列表
    form: {
      imageUrl: '' // 图片地址
    }
  }
},
methods: {
  /**
   * 监听改变上传图片
   * @param {Array} fileList - 文件列表
   */
  onChangeUploadImage (fileList) {
    this.form.imageUrl = fileList.length ? fileList[0].url : ''
  }
}