使用el-upload上传图片文件
一般在后台项目的表单提交时会用到上传图片的字段
视图层
action:后端提供的接口,上传到自己的服务器上的。如果自己的服务器不支持,可以上传到阿里OSS上,参考我另一篇博客
<el-form-item label="两寸照片:" prop="img_head_portrait">
<el-upload
:before-upload="imgupload"
:on-exceed="imgexeed"
:on-success="successadd"
:file-list="fileList"
:limit="1"
class="upload-demo"
action="https://api.XXXXXXXX.cn/image/upup"
list-type="picture"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">请上传图片文件</div>
</el-upload>
</el-form-item>
逻辑层