elementui upload回显图片

发布于:2023-02-02 ⋅ 阅读:(505) ⋅ 点赞:(0)

  <ul class="zdtimage el-upload-list el-upload-list--picture-card" style="display:inline-block">
                <li class="el-upload-list__item" v-for="(item3,index) in uploadFileList" :key="index"                        v-if="item.imageconfigid === item3.name">
                  <el-image :src="item3.url" class="zdj_image"   ></el-image>
                  <span class="el-upload-list__item-actions">
                    <span class="el-upload-list__item-preview" @click="handlePreviewFile(item3)">
                      <i class="el-icon-zoom-in"></i>
                    </span>
                    <span class="el-upload-list__item-delete" @click="handleRemove(item3)">
                      <i class="el-icon-delete"></i>
                    </span>
                  </span>
                </li>
              </ul>
    <el-upload :action="uploadURL" list-type="picture-card" :before-upload="handleBeforeUpload"
              :on-success="(response, file, fileList) => handleSuccessFile(response, file, fileList,                         item.imageconfigid)"
              :on-preview="handlePreviewFile" 
              :on-remove="handleRemoveFile"
              style="display:inline-block"
              >
              <i class="el-icon-plus"></i>
            </el-upload>


网站公告

今日签到

点亮在社区的每一天
去签到