帮我封装一个 uniapp框架 上传图片的组件

好的，下面是 uniapp 框架中封装图片上传组件的示例代码：

<template>
  <view class="container">
    <image v-if="imageUrl" :src="imageUrl"></image>
    <button @click="chooseImage">选择图片</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: ''
    }
  },
  methods: {
    chooseImage() {
      uni.chooseImage({
        count: 1,
        sizeType: ['original', 'compressed'],
        sourceType: ['album', 'camera'],
        success: (res) => {
          this.imageUrl = res.tempFilePaths[0]
        }
      })
    }
  }
}
</script>

<style>
.container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

image {
  width: 200px;
  height: 200px;
}
</style>

这段代码使用了 uni.chooseImage API 实现了选择图片的功能，并在页面中显示选择的图片。希望这对您有所帮助！