taro 调用系统相册chooseImage

最新推荐文章于 2024-09-02 18:54:41 发布

神奇大叔

最新推荐文章于 2024-09-02 18:54:41 发布

阅读量3.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Taro 文章标签： taro

本文链接：https://blog.csdn.net/weixin_43294560/article/details/108966084

Taro 专栏收录该内容

27 篇文章

订阅专栏

该博客介绍了如何在前端开发中使用Taro的chooseImage API来让用户从相册或相机中选择图片。Taro的chooseImage方法支持设置选择图片的数量、类型和来源，成功后返回选定照片的本地临时文件路径列表，这些路径可以用于显示图片。示例代码展示了如何限制用户选择2张图片，并处理选择图片后的回调。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  Taro.chooseImage({
       count:n,   允许选择的照片数量,默认为9
       sizeType: ['original', 'compressed'],  可以指定是原图还是压缩图，默认二者都有
       sourceType: ['album', 'camera','user','environment'],   可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
	       	album	从相册选图
			camera	使用相机
			user	使用前置摄像头(仅H5纯浏览器使用)
			environment	使用后置摄像头(仅H5纯浏览器)
			
       success: function (res) {
         
         返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
         var tempFilePaths = res.tempFilePaths;
         
         参数:
	         res.tempFilePaths	图片的本地临时文件路径列表
			 res.tempFiles	图片的本地临时文件列表
			 res.errMsg	调用结果
       }
   })

代码示例:

    _chooseImage()
    {
        let that=this;
        Taro.chooseImage({
            count:2,
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera','user','environment'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
            success: function (res) {
              // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
              var tempFilePaths = res.tempFilePaths;
              that.setState({
                  imgs:tempFilePaths
              })
            }
        })
    }