element plus 上传图片到后端功能

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