.net-core - 带有Blazor的访问设备摄像头

标签 .net-core camera progressive-web-apps blazor blazor-webassembly

我有Blazor Web Assembly PWA,如何打开设备 native 摄像头?
我正在尝试编写PWA来捕获和保存图片。
编辑
想要将捕获的图像以jpeg格式保存到Azure Blob存储。

最佳答案

您可以使用HTML输入来实现。您只需要添加capture属性即可立即打开设备摄像头。

<input type="file" accept="image/*" capture>
您可以在此处查看完整的源代码:
https://github.com/mehmettahameral/Blazor-wasm-pwa-camera
和现场演示在这里:
https://infallible-bohr-56743b.netlify.app/
--
有关保存图像的信息:这取决于您要保存在哪里。如果您能告诉我更多信息,我可能会更新解决方案。
希望对你有帮助

关于.net-core - 带有Blazor的访问设备摄像头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63275099/

相关文章:

iis - ServiceStack.Redis 在 Windows 服务器的 IIS 上部署时无法连接 : sPort: 0,

asp.net-core - 如何向 ASP.NET Core Identity 添加更多字段?

progressive-web-apps - 设置 PWA 的窗口标题和图标

reactjs - 如何在 React PWA 中将数据从 API 缓存到缓存存储?

c# - .Net Core 3 worker 服务应用程序,带有带参数的构造函数的插件

c# - Where 子句中包含 ".Any"的动态 Linq (C#/.Net Core/EF Core)

android - PhoneGap navigator.camera.getPicture 不触发回调

xcode - Opencv相机姿态估计

android - 如何在 android 中将图像的 EXIF 方向应用为 url