在 Flutter Web 中使用相机拍摄照片答案

【问题标题】：Use camera for capture photo in flutter web在 Flutter Web 中使用相机拍摄照片
【发布时间】：2022-11-05 03:24:52
【问题描述】：

我目前正在使用这篇文章：https://docs.flutter.dev/cookbook/plugins/picture-using-camera 在 android 上拍摄照片，效果很好，同样，当我运行我的调试网络应用程序时，它会打开相机拍照，但是当我 build web 时，相机不会打开拍照！有没有人遇到过这个问题？

【问题讨论】：

标签： flutter dart camera flutter-web

【解决方案1】：

我希望您也遵循camera 插件的文档以进行 Web 实现。有一些limitations 的网络摄像头

为了显示图片，documentation 状态

网页平台不支持dart:io。尝试使用Image.file 显示捕获的图像将引发错误。捕获图像包含指向浏览器 (blob) 中某个位置的网络可访问 URL，并且可以在将图像字节加载到内存后使用 Image.network 或 Image.memory 显示。

请参见下面的示例：

if (kIsWeb) {
  Image.network(capturedImage.path);
} else {
  Image.file(File(capturedImage.path));
}

【讨论】：

感谢您的回复，我的问题是我什至无法打开相机，无法显示捕获的图像。我使用相机插件（我提到的链接）跟随捕获图像，够了吗？因为我知道这个插件得到认可
@NavidShokoufe 您是否将 camera_web 放在 pubsec 文件中的 dev 依赖项中？
不，实际上我没有！我发现相机插件是一个认可的插件，并认为没有必要将 camera_web 添加到依赖项。我应该补充吗？
你读过限制吗？

【解决方案2】：

与此一起使用以下插件以获得网络支持。

https://pub.dev/packages/camera_web

请在此处查看有关 Web 集成的文档

https://pub.dev/packages/camera

【讨论】：

这个包是背书的，这意味着你可以简单地正常使用camera。当你这样做时，这个包将自动包含在你的应用程序中。

【解决方案3】：

请检查您是否通过 HTTPS（或用于本地开发的 localhost）为 Web 应用程序提供服务。从documentation 访问相机设备需要安全的浏览上下文。对于不安全的上下文，CameraPlatform.availableCameras 可能会抛出带有 permissionDenied 错误代码的 CameraException。

【讨论】：

【解决方案4】：

@Navid Shokoufeh 你解决了吗？我有同样的问题，如果你解决了，请帮助我。

【讨论】：

这没有提供问题的答案。您可以search for similar questions，或参考页面右侧的相关和链接问题找到答案。如果您有一个相关但不同的问题，ask a new question，并包含指向此问题的链接以帮助提供上下文。见：Ask questions, get answers, no distractions