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

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐