element的上传如何获取路径_element中文件上传

vue+element 文件操作

作者：一粒尘土 时间：2019-3-17 注：以下操作针对 vue-cli

目录

使用

使用npm安装Element-ui 依赖$ npm i element-ui -S

配置vue中的 main.js 文件中添加如下代码import ElementUI from 'element-ui' // 引入element

import 'element-ui/lib/theme-chalk/index.css' // 引入css样式

Vue.use(ElementUI) // 中间件全局注册

组件常用参数

参数

说明

类型

可选值

默认值

action

必选参数，上传的地址

string

-

-

multiple

是否支持多选文件

boolean

-

-

data

上传时附带的额外参数

object

-

-

accept

接受上传的文件类型

string

-

-

on-preview

点击文件列表中已上传的文件时的钩子

function(file)

-

-

on-remove

文件列表移除文件时的钩子

function(file, fileList)

-

-

on-success

文件上传成功时的钩子

function(response, file, fileList)

-

-

on-error

文件上传失败时的钩子

function(err, file, fileList)

-

-

on-progress

文件上传时的钩子

function(event, file, fileList)

-

-

on-change

文件状态改变时的钩子，添加文件、上传成功和上传失