微信小程序拍照和摄像功能实现方法示例

最新推荐文章于 2024-07-24 11:19:16 发布

陪代码一起浪迹天涯

最新推荐文章于 2024-07-24 11:19:16 发布

阅读量4.1k

点赞数 2

分类专栏：小程序开发微信小程序文章标签：微信小程序拍照功能实现微信小程序摄像功能实现小程序拍照功能实现方法小程序摄像功能实现方法微信小程序拍照和摄像功能实现

本文链接：https://blog.csdn.net/seoyundu/article/details/107007056

版权

本文提供微信小程序实现拍照和摄像功能的示例。通过使用API而非camera组件，简化了流程并提高了用户体验。拍照功能利用，录像功能利用，两者都可封装在app.js中处理。虽然无法直接获取视频缩略图，但整体实现更简洁。

摘要由CSDN通过智能技术生成

微信小程序拍照和摄像功能实现方法示例：本文实例讲述了微信小程序拍照和摄像功能实现方法。分享给大家供大家参考，具体如下：

微信小程序拍照功能实现逻辑和实例代码：

原先的想法是使用微信的camera组件来实现，并且模拟发朋友圈的样子来进行相机的设置，其实就是将camera组件的大小设置成根屏幕一样大，并在上面使用一个cover-image组件来给用户进行点击，可是实际上的情况是：

第一，cover-image组件有时候会消失，
第二，整个流程实现起来很僵硬，页面跳转也是卡的要死，后来无意间发现了另一个API：wx.chooseImage，这个API会自己去调用相机和相册，之后的工作完全交给底层去实现，简直是简单到没朋友：

// 拍照功能
getLocalImage:function(){
    var that=this;
    wx.chooseImage({
      count:1,
      success:function(res){
        // 这里无论用户是从相册选择还是直接用相机拍摄，拍摄完成后的图片临时路径都会传递进来
        app.startOperating("保存中")
        var filePath=res.tempFilePaths[0];
        var session_key=wx.getStorageSync('session_key');
        // 这里顺道展示一下如何将上传上来的文件返回给后端，就是调用wx.uplo