Cordova 托管的 Web 应用程序 - 在相机中打开输入类型 = 文件

Posted

技术标签:

【中文标题】Cordova 托管的 Web 应用程序 - 在相机中打开输入类型 = 文件【英文标题】:Cordova hosted web app - open input type=file in camera 【发布时间】:2019-09-08 23:28:33 【问题描述】:

我正在开发一个科尔多瓦网络应用项目。单击文件输入时打开相机时遇到问题。到目前为止,这是我通过添加媒体捕获属性所尝试的:

Cordova - index.js

onDeviceReady: function() 
        window.location.href = "https://www.example.com/webapp/";

托管网站 - add_picture.php

<input type="file" name="image" id="image" accept="image/*" capture />

即使使用输入元素内的额外标签,它也无法正常工作。它会打开我手机的文件管理器。当我点击输入时,有什么办法可以解决这个问题并打开我的相机?谢谢

【问题讨论】:

【参考方案1】:

如果您尝试直接使用 html5 执行此操作,则无法一键直接打开相机,您仍然可以选择库或相机对话框。

使用 Cordova 插件“相机”还有另一种方法;但是托管网络应用程序变得更加困难,因为您的托管网络应用程序无法直接与您的插件通信。不过也不是不可能。如果您愿意,请使用以下参考资料来帮助完成此任务。

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-camera/ https://www.npmjs.com/package/cordova-plugin-hostedwebapp

【讨论】:

你的意思是通过plugin-hostedwebapp将cordova相机插件注入网站?

以上是关于Cordova 托管的 Web 应用程序 - 在相机中打开输入类型 = 文件的主要内容,如果未能解决你的问题,请参考以下文章

WEB SQL 不适用于 Cordova 本地应用程序

如何动态更改Cordova白名单?

是否可以在 Cordova 应用程序中的 web 视图顶部放置静态图像

iOS 将 Cordova 应用程序作为 web 视图嵌入到另一个应用程序中

如何使用手机的本机应用程序打开图像 - Cordova / phonegap

如何在android studio中cordova的混合开发