问题描述

功能需求:拍照或选择图片,然后跳转页面裁剪上传头像;一开始使用 chooseImage 本人的小小安卓机和测试的ios手机都是没有问题的,后来同事的 iphone 13 mini 一试拍照跳转页面就崩溃了。

一开始一筹莫展还在各处搜问题,查看了很多帖子发现 chooseImage 的调用相机挺吃内存的,而ios调用的是手机的相机,所以就更吃内存了,然后再跳转页面就很容易崩溃;后来尝试等个一秒再跳转页面,或者跳转页面再调用该api,虽然能解决问题但感觉效果都不太好。

解决方法

由于我是采用 taro 来开发小程序的文档那里没看到什么信息,后来查看微信文档才看到救星 chooseMedia

https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseMedia.html

chooseMedia 在ios端调用相机是微信的相机不是手机原来的相机,所以不会那么吃内存。就没发生页面崩溃问题了,由于没有更多手机进行测试了,其他内存更低的手机就不清楚会不会还有问题了。

// Taro.chooseImage -- 滚吧您
Taro.chooseMedia({count: 1,mediaType: ['image'],sizeType: ['compressed'], // 压缩图sourceType: ['album', 'camera'],success: res => {console.log('res: ', res);const src = res.tempFiles[0].tempFilePathTaro.navigateTo({url: `/pages/cropper-img/index?src=${src}`})},
})

兼容性问题

不支持的用户群体太少了,而且手机版本这么低的用户应该也不会使用到本小程序吧~~。

ios 微信小程序 chooseImage 相机拍照跳转页面崩溃相关推荐

  1. 微信小程序自定义相机拍照,计算大小,以及上传

    需求:近来微信小程序有个需求,自定义相机拍照,并且要在相机中画一个框,提示用户把拍摄内容放入框中,类似于上传身份证时那个头像,国徽对其的框.(因为我们上传的是一份A4纸的病例),所以需要这样.然后后台 ...

  2. 在微信开发者工具中 实现微信小程序之相机拍照及其相关功能的开发

    微信小程序 - 相关知识 技术扩展 - 微信小程序 - 相机拍照功能 微信开发:前端 + 后端 小程序开发 - 准备工作:JavaScript + HTML + CSS 小程序 - 面向微信框架技术开 ...

  3. 微信开发工具button跳转页面_微信小程序按钮点击跳转页面详解

    微信小程序中,按钮也是标签,它通过bindtap属性绑定点击事件: 然后在js里面注册这个回调函数: 回调函数里面通过 wx.navigateTo({ url: '/pages/index/talkP ...

  4. 微信小程序授权登录,跳转页面后在跳回首页不用再次登录

    小程序授权登录要使用wx.getUserProfile,获得用户投头像后,做一些页面跳转功能,但是如果需要再次跳转首页的话,小程序就会有回到登录前的状态,这样体验感会很差.要想不用再次登录,也不难,只 ...

  5. 微信小程序使用wx.redirectTo跳转页面时出现小房子图标解决方法

    目前返回首页按钮出现的条件为(需同时满足): 1. 使用了默认导航栏样式(非 custom) 2. 不是首页或 tabbar 页面(在 app.json 中定义的) 3. 是页面栈最底层页面 如果是开 ...

  6. 微信小程序调用相机选择图片生成水印

    项目近期有一个需求,是在小程序使用相机拍照时,页面缩略图和上传服务器(或保存本地)的都是带水印的,水印文案是当前的时间和当前所处的地点. 前期使用了微信小程序的wx.chooseImage相机拍照,再 ...

  7. uni开发微信小程序自定义相机自动检测(人像+身份证)

    之前开发过微信小程序自定义相机拍照检测人像和身份证检测.一直期望写篇文章记录一下,趁现在有点时间,总结一下. 需求点: 1.能够自定拍摄人像 2.能够自动拍摄身份证正面照 3.识别身份证并且和人脸照比 ...

  8. uniapp微信小程序自定义相机 ,给相机添加辅助框,解决拒绝相机默认授权后无法再次拉起相机授权问题

    微信小程序自定义相机 效果 文章目录 微信小程序自定义相机 效果 需求 一.小程序自定义相机 1.使用uniapp的camera组件 二.使用cover-view,cover-image加辅助边框 三 ...

  9. 微信小程序开发:学习笔记[8]——页面跳转及传参

    微信小程序开发:学习笔记[8]--页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...

最新文章

  1. golang 值得注意的地方(2则)
  2. Spring Security 实战干货: RBAC权限控制概念的理解
  3. 笔记-企业管理知识-知识管理
  4. Eclipse插件开发入门
  5. jdk8 接口默认方法_JDK 8中方便的新地图默认方法
  6. SQL实现split函数,自定义分割字符,自定义取出第几个分割字符前的字符串
  7. js学习大法:用好firebug,走遍天下都不怕
  8. 论文阅读:A Randomly Accessible Lossless Compression Scheme for Time-Series Data
  9. SpringBoot:javalist和set区别
  10. 西普实验吧-ctf-web-1
  11. Android退出程序时的再按一次退出实现
  12. unity点光源消失
  13. linux什么系统以dd镜像写入,linux下使用dd命令写入镜像文件到u盘
  14. 阿里云Nginx配置
  15. java栈溢出_java 内存溢出 栈溢出的原因与排查方法
  16. MD-Pandoc进阶教程:图表、文献和目录
  17. 卸载Google Drive 硬盘-必须退出程序才能卸载
  18. 专业商标设计、logo免费在线设计
  19. 南阳OJ独木舟上的旅行
  20. 行业权威来揭秘,商用PC为什么首选12代酷睿

热门文章

  1. 【个人总结】超详细Neo4j安装下载
  2. 华为路由器:ACL介绍及配置实验
  3. 在线尺子测量怎么测量?这里有个简单的小技巧
  4. .htaccess文件详解
  5. spring web 知识点过一遍
  6. 英语单词state和status的区别
  7. 域名需细分,市场须细作。
  8. vue-export2excel 导出表格
  9. android5.0虚拟定位,流畅度爆棚 搭Android 5.0系统新机一览
  10. 黄哥Python: 通过学习Python学会编程没有毛病