element plus 上传图片到后端功能
name属性为图片上传请求参数的名称,必须对应后端需要的名称,才能请求成功。
·
<!-- 上传图片 -->
<div>
<el-form-item label="轮播图片">
<el-upload
list-type="picture-card"
:action="'输入后端请求网址'"
:on-change="handleChange"
:before-remove="beforeRemove"
:on-preview="handlePictureCardPreview"
:file-list="fileList"
multiple
name="传给后端图片的名称"
>
<el-icon class="avatar-uploader-icon">
<Plus />
</el-icon>
</el-upload>
</el-form-item>
</div>
将图片上传到后端
name属性为图片上传请求参数的名称,必须对应后端需要的名称,才能请求成功。

声明数据:
const fileList = ref([]);
上传文件后的处理:
//上传文件
const handleChange = file => {
console.log(file);
if (file.status == "success") {
fileList_a.value.push({ url: file.response.url });
}
console.log(fileList_a.value);
};
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)