vue图片上传案例

提示：文章写完后，目录可以自动生成，如何生成可

标题

参考右边的帮助文档

项目场景：

图片上传

---

问题描述：

单图片和多图片上传对传参和反显问题不太好处理
单图片上传：
<el-upload
ref=“upload”
:auto-upload=“true”
:limit=“1”
action=“dev-api/XXX”
:on-success=“handleSuccess”
:on-remove=“handleRemove”
:file-list=“fileList”
list-type=“picture-card”
:before-upload=“beforeUpload”
accept=“jpg,png”

// 获取上传图片成功后的信息
handleSuccess(res) {
// 获取图片上传成功后的信息
const preUrl = uploadPrefix + res.data.filePath
// 为表单数据赋值
this.addEditResourceForm.regionBackContent = pr