Uploader

import { Uploader } from 'vant';

Vue.use(Uploader);

Usage

<van-uploader :after-read="afterRead" />

export default {
  methods: {
    afterRead(file) {
      console.log(file)
    }
  }
};

<van-uploader v-model="fileList" multiple />

export default {
  data() {
    return {
      fileList: []
    }
  }
};

<van-uploader
  v-model="fileList"
  multiple
  :max-count="2"
/>

export default {
  data() {
    return {
      fileList: []
    }
  }
};

<van-uploader>
  <van-button icon="photo" type="primary">Upload Image</van-button>
</van-uploader>

Attribute	Description	Type	Default
name	Input name	`String`	-
accept	Accepted file type	`String`	`image/*`
preview-image	Whether to show image preview	`Boolean`	`true`
preview-size	Size of preview image	`String	Number`
multiple	Whether to enable multiple selection pictures	`Boolean`	`false`
disabled	Whether to disabled the upload	`Boolean`	`false`
capture	Capture，can be set to `camera`	`String`	-
before-read	Hook before reading the file, return false to stop reading the file	`Function`	-
after-read	Hook after reading the file	`Function`	-
max-size	Max size of file	`Number`	-
max-count	Max count of image	`Number`	-
result-type	Type of file read result, can be set to `dataUrl` `text`	`String`	`dataUrl`
upload-text	Upload text	`String`	-

Event	Description	Arguments
oversize	Triggered when file size over limit	Same as after-read
delete	Triggered when delete preview file	file

Name	Description
default	Custom icon

Attribute	Description	Type
file	File object	`Object`
detail	Detail info	`Object`