Vue3使用ElementPlus中的el-upload手动上传并调用上传接口

最新推荐文章于 2025-06-05 11:43:04 发布

zhige@

最新推荐文章于 2025-06-05 11:43:04 发布

阅读量6.9k

点赞数 16

CC 4.0 BY-SA版权

文章标签： Vue3 el-upload 手动上传

本文链接：https://blog.youkuaiyun.com/nyasm/article/details/135569817

前端代码

	   <div class="upload-div">
          <el-upload
            v-model:file-list="form.fileImageList"
            ref="uploadRef"
            capture="false"
            action="#"
            accept="image/*"
            list-type="picture-card"
            :on-change="handleChange"
            :auto-upload="false"
            :on-preview="handlePictureCardPreview"
            :on-remove="handleRemove"
            :multiple="true"
          >
            <el-icon>
              <Plus/>
            </el-icon>
          </el-upload>

          <el-dialog v-model="dialogVisible" class="image-dialog">
            <img style="width: 100%;height: 100%