el-upload 基本使用方法

el-upload 基本使用方法

基本使用方法

<el-upload
  class="upload-demo"
  action="/post/api"
  :headers="myHeaders"
  accept=".xls,.xlsx"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-remove="beforeRemove"
  multiple
  :limit="3"
  :on-exceed="handleExceed"
  :file-list="fileList">
  <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

data() {
	return {
		myHeaders:{
                //此处设置请求头
                Authorization:getAccessToken()
            },
	}
}

• action: 后端接收文件的接口地址
• accept：限制上传文件的类型
• multiple: 是否可以上传多个，true/false
• limit: 限制上传的个数
• on-exceed: 上传文件超出限制时的钩子，可以在这里面弹出文件超出个数限制的提示
• file-list: 上传的文件列表
• show-file-list：控制上传文件列表是否显示
• beforeRemove：删除之前的操作，可以提示是否删除xxx文件
• on-success：文件上传成功时的钩子
• on-error：文件上传失败时的钩子
• headers :设置上传的请求头部， token等