# Camera 相机

请扫码查看示例

# 介绍

照相机组件，提供预览、拍照功能。

# 引入

通过以下方式来引入组件

使用包管理器安装mui-minix 组件库。如： npm i mui-minix -S;
在要使用该组件的页面中使用element标签引入该组件。

# 代码演示

# 基本用法

该组件不提供保存照片的功能，如需保存图片至本地，可以通过 bridge 的接口 saveImageToPhotosAlbum (opens new window) 实现。

首先确保项目的 app.js 已经导入bridge模块

import jsbridge from '@minix-iot/jsbridge-sdk'

export default {
  bridge: jsbridge,
  }

1
2
3
4
5

<element name="m-camera" src="../../../../node_modules/@minix-iot/mui/src/camera/index"></element>
<m-camera @m-success="saveImage"></m-camera>

1
2

import prompt from '@system.prompt'
export default {
    saveImage(e){
        let params = { src: e.detail}  
        this.$app.$def.bridge
            .saveImageToPhotosAlbum(params)
            .then(res => {    
                prompt.showToast({
                message: '保存成功',
                bottom: '50%'
            })
        })
        .catch(err => {
                prompt.showToast({
                message: '保存失败！',
                bottom: '50%'
            })
        })
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# Api

# Events

名称	说明	回调参数
`m-success`	点击拍照且成功
`m-fail`	点击拍照但拍照失败