vue h5使用 uni.chooseImage

Vue.js是一个流行的前端框架，而uni-app是一个可以构建跨平台应用的框架。如果你想在H5页面中使用uni-app的`uni.chooseImage`方法来让用户选择图片，你需要通过`uni-app SDK`将原生的能力引入到你的Vue组件中。

首先，在uni-app项目中安装依赖：

npm install @dcloudio/uni-app/dist/mini-instance

然后，在你的Vue组件中，你可以像下面这样导入并使用`uni.chooseImage`：

<template>
  <button @click="selectImages">选择图片</button>
</template>

<script setup>
import { onBeforeMount } from 'vue';
import { uni as uniInstance } from '@dcloudio/uni-app/dist/mini-instance';

onBeforeMount(() => {
  uniInstance.selectImage({
    count: 1, // 可选，默认9，默认值最多选9张
    sourceType: ['album', 'camera'], // 可选，来源类型，只允许从相册或相机选取
    success: (res) => {
      console.log('选择照片成功', res);
      // res.detail里的data数组就是用户选择的照片url列表
      const images = res.detail.data;
      // 这里处理图片的选择操作
    },
    fail: (err) => {
      console.error('选择照片失败', err);
    }
  });
});
</script>

在这个例子中，当点击按钮时，会弹出一个选择图片的界面，用户可以选择照片后，回调函数会被触发，返回所选图片的URL。