那如何通过image改显示出来的图片大小格式呢

如果您想要通过 `<image>` 组件来设置显示图片的大小和格式，可以使用 `style` 属性和 `class` 属性来进行相应的样式设置。

以下是一个示例，展示了如何使用 `<image>` 组件设置图片的大小和格式：

<template>
  <div class="fb_content">
    <textarea v-model="textVal" @input="handleTextInput" placeholder="请描述一下您的问题"></textarea>
    <div class="fb_tool">
      <button @click="handleChooseImg">+</button>
      <div class="up_img_item" v-for="(item, index) in chooseImgs" :key="index" @click="handleRemoveImg(index)">
        <img :src="item" :style="{ width: '200px', height: '200px' }" :class="{ 'rounded': true }" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      textVal: '',
      chooseImgs: []
    };
  },
  methods: {
    handleTextInput(event) {
      this.textVal = event.target.value;
    },
    handleChooseImg() {
      // 调用小程序内置的选择图片api
      wx.chooseImage({
        // 同时选中的图片的数量
        count: 9,
        // 图片的格式 原图 压缩
        sizeType: ['original', 'compressed'],
        // 图片的来源 相册 照相机
        sourceType: ['album', 'camera'],
        success: (result) => {
          // 图片数组进行拼接
          this.chooseImgs = [...this.chooseImgs, ...result.tempFilePaths];
        }
      });
    },
    handleRemoveImg(index) {
      // 删除元素
      this.chooseImgs.splice(index, 1);
    }
  }
};
</script>

<style>
.rounded {
  border-radius: 50%;
}
</style>

在上述示例中，我们通过 `:style` 属性给 `<img>` 标签设置了宽度和高度，即 `width: '200px', height: '200px'`。您可以根据需要调整宽度和高度的数值。

此外，我们还使用了 `:class` 属性给 `<img>` 标签添加了一个名为 `rounded` 的类，具体样式定义在 `<style>` 标签中。`rounded` 类定义了一个圆角的样式，您可以根据需要自定义样式。

通过以上代码，您可以设置图片的大小和格式来展示在页面上。

希望以上信息对您有所帮助！如果您有任何其他问题，请随时提问。