uniapp 怎样打开相册，选择照片并在应用内显示照片

在uni-app中，你可以通过`uni.chooseImage` API来让用户从相册选择图片，并在应用内部展示。以下是基本步骤：

1. 首先，需要在项目的`pages.json`配置文件里设置页面权限，允许访问用户相册：

{
  "pages": [
    {
      "path": "your-page",
      "component": "pages/your-page/your-page.vue",
      "permission": {
        "scope.writePhotosAlbum": true // 允许读取相册权限
      }
    }
  ]
}

2. 在你需要选择图片的地方，引入并调用这个API：

<template>
  <button @click="selectImage">选择照片</button>
</template>

<script>
export default {
  methods: {
    selectImage() {
      uni.chooseImage({
        // 配置选项
        count: 1, // 可选，默认9，最多选择的数量
        sizeType: ['original', 'compressed'], // 可选，返回的图片大小，默认['original']
        sourceType: ['album', 'camera'], // 可选，源类型，只读相册为'album'
        success: function(res) {
          let localIds = res.localIds; // 返回选定照片的本地ID列表
          if (localIds.length > 0) {
            // 展示所选图片
            uni.getImageInfo({
              localId: localIds[0],
              success: function(imgInfo) {
                // 使用imgInfo.src显示图片
                console.log(imgInfo.path);
                // 在这里可以将路径赋值给组件内的图片元素
              },
              fail: function(err) {
                console.error('获取图片信息失败:', err);
              }
            });
          } else {
            console.log('未选择图片');
          }
        },
        cancel: function() {
          console.log('用户取消了操作');
        },
        error: function(err) {
          console.error('选择图片失败:', err);
        }
      });
    }
  }
};
</script>

这会引导用户去选择一张图片，然后在成功回调中处理选中的图片。