Element UI实现文件上传
vue页面代码展示
<template>
<div>
<!--
path: 文件上传时触发的后台接口
list-type: 文件列表类型
multiple: 多文件上传
imageNumber: 文件上传的最大数量
headers: 文件上传请求中添加数据
fileUploading: 文件上传前触发的方法
fileExceed: 文件上传数量超出限制时触发的方法
fileSuccess: 文件上传成功触发的方法
fileError: 文件上传失败触发的方法
filePreview: 点击已上传的文件时触发的方法
fileRemove: 点击已上传文件的X号或选中已上传的文件按下delete键时触发的方法
http-request: 自定义文件上传方法,使用该方法后Element提供的方法将会失效
-->
<el-upload style="padding-left: 14px" :action="path" list-type="picture-card" multiple :limit="imageNumber"
:headers="headers" :before-upload="fileUploading" :on-exceed="fileExceed"
:on-success="fileSuccess" :on-error="fileError" :on-preview="filePreview" :on-remove="fileRemove">
<i class="el-icon-pl