element-plus 图片上传

element-plus提供了一个名为ElUpload的组件，用于图片上传。使用ElUpload组件可以方便地实现图片的上传和展示功能。

首先，在使用ElUpload组件前，需要在项目中引入element-plus的相关样式和组件。可以通过在main.js中引入以及在Vue实例中注册的方式来完成。

在使用ElUpload组件时，需要注意以下几个属性：

1. action：指定上传文件的地址，用于将图片上传到后台服务器。可以是一个URL地址，也可以是一个处理上传逻辑的函数。

2. headers：用于设置请求头部信息，可以用来传递一些请求相关的参数。

3. data：用于设置请求上传时附带的额外参数，可以是一个对象或函数。

4. multiple：当设置为true时，可以同时选择多个文件进行上传。

5. file-list：用于获取上传成功后的文件列表，可以通过该属性获取到上传成功的文件信息，包括文件名、大小、类型等。

6. auto-upload：当设置为true时，选择文件后会自动上传；当设置为false时，需要手动触发上传操作。

此外，ElUpload还提供了一些常用的事件和方法：

1. on-change：当文件状态发生变化时触发的事件，可以用来监听文件的添加、移除、上传等操作。

2. on-success：当文件上传成功时触发的事件，可以用来处理上传成功后的逻辑。

3. on-error：当文件上传失败时触发的事件，可以用来处理上传失败后的逻辑。

4. clearFiles()：清空已选择的文件列表。

5. uploadFiles()：手动触发文件上传操作。

通过配置和使用ElUpload组件，我们可以很方便地在项目中实现图片的上传功能，并且结合相关的事件和方法，可以实现更多自定义的逻辑处理。