创新互联小程序教程：微信小程序媒体组件 camera

camera

基础库 1.6.0 开始支持，低版本需做 兼容处理。

创新互联专注为客户提供全方位的互联网综合服务，包含不限于做网站、成都网站设计、邳州网络推广、微信小程序、邳州网络营销、邳州企业策划、邳州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供邳州建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

系统相机。

需要用户授权 scope.camera

相关api：wx.createCameraContext

Bug & Tip

1. tip: camera 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。可使用 cover-view cover-image覆盖在上面。
2. tip: 同一页面只能插入一个 camera 组件。
3. tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 camera 组件。

示例：

拍照
预览

// camera.js
Page({
    takePhoto() {
        const ctx = wx.createCameraContext()
        ctx.takePhoto({
            quality: 'high',
            success: (res) => {
                this.setData({
                    src: res.tempImagePath
                })
            }
        })
    },
    error(e) {
        console.log(e.detail)
    }
})

文章题目：创新互联小程序教程：微信小程序媒体组件 camera
当前地址：http://www.hantingmc.com/qtweb/news35/248035.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联