2024年6月12日发(作者：)

element的upload的基本使用

一、Element UI的upload

1. 引入Element UI组件

引入项目中的Element UI组件，如下：

import {Upload} from 'element-ui'

2. 注册组件

注册组件，如下：

(Upload)

3. 组件使用

在模板中使用Element UI的upload组件，如下：

action='你的上传地址'

:show-file-list='false' // 是否显示文件列表

:on-success='uploadSuccess' // 当文件上传成功后的钩子

:on-error='uploadError' // 当文件上传失败后的钩子

:on-progress='uploadProgress' // 当文件上传时的钩子

:auto-upload='true' // 是否自动上传

:multiple='false' // 是否可上传多个

accept='image/*' // 上传文件类型

>

上传图片

- 1 -

4. upload组件说明

上面的upload组件，action指的是上传的地址，show-file-list

表示是否显示文件列表，on-success为文件上传成功之后的钩子，

on-error为文件上传失败之后的钩子，on-progress为文件上传过程

中的钩子，auto-upload表示是否自动上传，multiple表示是否可上

传多个，accept指上传文件的类型，以上都是可选项。

- 2 -