vant/packages/uploader/en-US.md

Uploader

Install

import { Uploader } from 'vant';

Vue.use(Uploader);

Usage

Basic Usage

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

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

Max Count

<van-uploader
  preview
  multiple
  :max-count="2"
/>

Upload Style

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

API

Props

Attribute	Description	Type	Default
name	Input name	String	-
accept	Accepted file type	String	image/*
preview	Whether to show image preview	Boolean	false
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	-

Events

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

Slots

Name	Description
default	Custom icon

Parematers of before-read、after-read

Attribute	Description	Type
file	File object	Object
detail	Detail info	Object