<!-- 上传图片 --> <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); };