您的位置:

详解elementui上传图片

一、elementui上传图片回显

在使用elementui的上传组件时,我们可能会遇到需要在上传成功后将图片回显到页面上的需求。可以通过elementui的图片预览组件来实现图片回显:

<el-upload
  class="avatar-uploader"
  action="/upload"
  :show-file-list="false"
  :on-success="handleAvatarSuccess">
  <img v-if="imageUrl" :src="imageUrl" class="avatar">
  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

<el-dialog :visible.sync="dialogVisible">
  <img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>