elementui上传图片并显示

要实现elementui上传图片并显示，可以按照以下步骤进行操作：

1. 在需要上传图片的页面中引入element-ui组件库。
2. 使用el-upload组件创建一个上传图片的容器，并设置相关属性，如上传地址、上传成功的回调函数等。
3. 在el-upload组件内部，使用el-button组件作为上传按钮。
4. 在el-upload组件内部，使用el-image组件来显示上传的图片。
5. 根据需要，可以设置el-upload和el-image的样式，例如设置上传容器的宽高、设置图片的尺寸等。

以下是一个示例代码：

<template>
  <div>
    <el-upload :action="uploadURL" :on-success="handleSuccess">
      <el-button size="small" type="primary">点击上传</el-button>
    </el-upload>
    <el-image v-if="imageUrl" :src="imageUrl" style="width: 200px; height: 200px;"></el-image>
  </div>
</template>

<script>
export default {
  data() {
    return {
      uploadURL: '上传图片的地址',
      imageUrl: ''
    }
  },
  methods: {
    handleSuccess(response) {
      // 上传成功的回调函数
      this.imageUrl = response.imageUrl;
    }
  }
}
</script>

<style scoped>
.el-upload {
  width: 200px;
  height: 200px;
}
</style>

请注意，上述代码仅为示例，你需要根据实际需求进行适当修改。