uni-app中uni.chooseImage12

uni-app中uni.chooseImage12

开发环境 版本号 项目创建方式
Windows 212 HBuilderX

示例代码：

uni.chooseImage({ count: 1, //默认9 sizeType: [‘original’, ‘compressed’], //可以指定是原图还是压缩图，默认二者都有 sourceType: [‘album’, ‘camera’], //从相册选择 success: (res2) => {}


# 操作步骤：
直接打包H5点击按钮测试就可以1

# 预期结果：
直接打包H5点击按钮测试就可以2

# 实际结果：
直接打包H5点击按钮测试就可以3

# bug描述：
uni.chooseImage() H5打包后的问题，在ios多部手机点击无效，没有回调，安卓部分手机点击无效,确认点击事件执行，uni.chooseImage() 直接没反应

更多关于uni-app中uni.chooseImage12的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

用示例代码hello uni-app能出现你的问题吗？请详细说明下复现机型并录屏看下（上传附件）。【bug优先处理规则】https://ask.dcloud.net.cn/article/38139

更多关于uni-app中uni.chooseImage12的实战教程也可以访问 https://www.itying.com/category-93-b0.html


擦了。我也遇到了。直接ios上没反应。本地调试可以。

ios上没反应，安卓没问题，模拟器上也ok,大家怎么解决的

在 uni-app 中，uni.chooseImage 是一个用于从相册或相机选择图片的 API。它允许用户从本地相册选择图片，或者直接使用相机拍摄新图片。以下是一个使用 uni.chooseImage 的示例代码：

uni.chooseImage({
  count: 1, // 默认9，最多可以选择的图片张数
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
  success: function (res) {
    // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
    var tempFilePaths = res.tempFilePaths;
    console.log('选择的图片路径:', tempFilePaths);
    // 这里可以对选择的图片进行处理，比如上传到服务器
  },
  fail: function (err) {
    console.log('选择图片失败:', err);
  }
});

参数说明：

  • count: 最多可以选择的图片张数，默认是 9。
  • sizeType: 可以指定是原图还是压缩图，默认二者都有。可选值为 ['original', 'compressed']。
  • sourceType: 可以指定来源是相册还是相机，默认二者都有。可选值为 ['album', 'camera']。
  • success: 选择图片成功后的回调函数，返回的 res.tempFilePaths 是选定图片的本地文件路径列表。
  • fail: 选择图片失败后的回调函数。

使用场景：

  • 用户头像上传：用户可以从相册选择图片或直接拍照作为头像。
  • 图片上传功能：用户可以选择多张图片上传到服务器。

注意事项：

  • 在 H5 环境下，uni.chooseImage 的实现依赖于浏览器的文件选择器，因此可能不支持 sourceType 参数。
  • 在小程序环境下，uni.chooseImage 的实现依赖于小程序的原生 API，因此支持 sourceType 参数。

示例：

<template>
  <view>
    <button @click="chooseImage">选择图片</button>
    <image v-for="(item, index) in imageList" :key="index" :src="item" mode="aspectFill"></image>
  </view>
</template>

<script>
export default {
  data() {
    return {
      imageList: []
    };
  },
  methods: {
    chooseImage() {
      uni.chooseImage({
        count: 1,
        sizeType: ['original', 'compressed'],
        sourceType: ['album', 'camera'],
        success: (res) => {
          this.imageList = res.tempFilePaths;
        },
        fail: (err) => {
          console.log('选择图片失败:', err);
        }
      });
    }
  }
};
</script>
回到顶部