未来之窗_系统_拍照功能说明书

一、功能概述

此功能主要用于实现拍照并将拍摄的照片展示在指定元素中，同时将照片转换为 base64 编码存储在指定的输入框中。支持拍照、重拍、裁剪等操作，并且可以直接使用原图。

二、核心函数与调用格式

1. $cq.system_media_takephotoAndFillImage

$cq.system_media_takephotoAndFillImage(title, previewSelector, dataSelector);

该函数用于创建一个拍照实例并打开拍照对话框。

2. $cq.系统_媒体_拍照

$cq.系统_媒体_拍照(title, previewSelector, dataSelector);

该函数与 `$cq.system_media_takephotoAndFillImage` 功能相同，也是创建拍照实例并打开对话框。

3. $cq("[sector]").system_media_takephoto

$cq("[sector]").system_media_takephoto(dataSelector);

该方法用于对指定元素进行拍照操作，自动获取元素选择器作为预览选择器。

4. $cq("[sector]").未来之窗_智能IOT_拍照

$cq("[sector]").未来之窗_智能IOT_拍照(dataSelector);

该方法与 `$cq("[sector]").system_media_takephoto` 功能类似，也是对指定元素进行拍照操作，自动获取元素选择器作为预览选择器。

三、参数说明

1. $cq.system_media_takephotoAndFillImage 和 $cq.系统_媒体_拍照 参数

2. $cq("[sector]").system_media_takephoto 和 $cq("[sector]").未来之窗_智能IOT_拍照 参数

四、返回值

这些函数和方法均返回拍照实例的 `open` 方法调用结果，主要是打开拍照对话框。

五、使用示例

1. 使用 $cq.system_media_takephotoAndFillImage 示例

const title = "拍照示例";
const previewSelector = "#previewImg";
const dataSelector = "#photoData";
$cq.system_media_takephotoAndFillImage(title, previewSelector, dataSelector);
                

2. 使用 $cq.系统_媒体_拍照 示例

const title = "拍照示例";
const previewSelector = "#previewImg";
const dataSelector = "#photoData";
$cq.系统_媒体_拍照(title, previewSelector, dataSelector);
                

3. 使用 $cq("[sector]").system_media_takephoto 示例

const dataSelector = "#photoData";
$cq("#previewDiv").system_media_takephoto(dataSelector);
                

4. 使用 $cq("[sector]").未来之窗_智能IOT_拍照 示例

const dataSelector = "#photoData";
$cq("#previewDiv").未来之窗_智能IOT_拍照(dataSelector);
                

六、注意事项

• 若浏览器不支持 `navigator.mediaDevices.getUserMedia`，会提示“不支持摄像头”。
• 若获取摄像头权限失败，会提示“摄像头权限失败”。
• 若浏览器版本过低，不支持 `dialog` 元素的 `showModal` 方法，会提示“当前浏览器版本过低，暂不支持拍照功能，请升级浏览器后重试”。
• 拍照后可以选择重拍、裁剪或直接使用原图，操作完成后对话框会关闭。