你好，拉姆，

使用适用于相机的Cordova插件，该插件可在Android和IOS设备上使用。

嗨Ram，

我正在使用相同的相机捕获应用程序，但是无法执行。

我已经阅读了您的帖子，我需要此应用代码，请提供完整的代码，对我很有帮助。

预先感谢。

嗨，拉姆，

PFB参考

使用HAT： http：//www .techippo.com/2017/03/camera-functionality-SAPUI5-hybrid-mobile-App.html

不带HAT： https://blogs.sap.com/2015/01/30/creating-a-ui5-app-and-integrating-with-cordova-plugins-part-1/

此致

VIswa

感谢帮助链接。 让我分享我的问题，这将给您清晰的画面。

我已经使用SAP Webide开发了"拍照应用程序"。 此应用程序在所有设备和浏览器上均可正常运行，但以下列出的问题很少。

1）在iPhone设备中，它以视频模式打开，因此无法单击照片，但是如果单击左上角存在的十字标记，则会捕获图像。 我们能否使其像在其他设备中打开一样。 2）在SAP Fiori客户端中-没有可用的相机弹出选项。

我已附上代码示例和屏幕截图作为参考。

BR，

RK

 








 takePhoto：function（）{
//此代码是由布局编辑器生成的。
 if（sap.ui.Device.browser.BROWSER.SAFARI ===" sr" || sap.ui.Device.browser.BROWSER.CHROME ===" cr" || sap.ui.Device.browser.BROWSER。  FIREFOX ===" ff"）{
 var that = this;
//步骤1：将弹出式对象创建为全局变量

 this.fixedDialog =新对话框（{
 标题："单击捕获以拍照"，
 beginButton：新的sap.m.Button（{
 文字："捕获照片"，
 按下：function（oEvent）{
//要做：获取正在运行实时摄像机流的视频播放器的对象
//从中取出图像对象，并使用全局变量将其设置为主页
 that.imageVal = document.getElementById（" player"）;
 var oPopup = oEvent.getSource（）;
 that.attachName = oPopup.getParent（）。getContent（）[1] .getValue（）;
 that.fixedDialog.close（）;
 }
 }），
 内容：[
 新的sap.ui.core.HTML（{
 内容：" "
 }），
 新的sap.m.Input（{
 占位符："请在此处输入图片名称"，
 必填：true
 }）
 ]，
 endButton：new sap.m.Button（{
 文字："取消"，
 按下：function（oEvent）{
//var imageVal = document.getElementById（" player"）;
//imageVal.setclose（）;
 that.fixedDialog.close（）;
 location.reload（）;
 }
 }）
 }）;
 this.getView（）。addDependent（this.fixedDialog）;
//步骤2：启动弹出窗口
 this.fixedDialog.open（）;


 this.fixedDialog.attachBeforeClose（this.setImage，this）;


 var handleSuccess = function（stream）{
 player.srcObject =流;
 };
            
 navigator.mediaDevices.getUserMedia（{
 视频：真实
 }）。then（handleSuccess）;

 }其他{

 }


 }
  

嗨Ram，

我使用了以下代码：

 onCapture：函数（）{
 navigator.camera.getPicture（
 函数（imageData）{
 this.openDialogPicturePreview（）;
 var Preview = this.getView（）。byId（" imagePreview"）;
 Preview.setSrc（" data：image/jpeg; base64，" + imageData）;
 } .bind（this），
 功能（消息）{
 MessageToast.show（"发生错误！"，{}）;
 }，{
 质量：100，
 allowEdit：true，
 sourceType：navigator.camera.PictureSourceType.CAMERA，
 destinationType：navigator.camera.DestinationType.DATA_URL，
 }）;
 }，

对话框预览：

 
 <对话框标题=" Ziektebriefje" contentWidth =" 300px" contentHeight =" 400px">
 <内容>
  
 
 <按钮>
 
 
 
 
  

要在WebIDE中对此进行测试，请在"首选项>工作区首选项>扩展"下激活Hybrid App Toolkit

KR

Vincent

为设置的图片添加代码：

 setImage：function（）{
//从摄像机的视频流中获取正在运行的图像
 var oVBox = this.getView（）。byId（" wow"）;
 var Items = oVBox.getItems（）;
 var snapId ='rk-'+ Items.length;
 var textId = snapId +'-text';
 var imageVal = this.imageVal;
//将其设置为HTML页面上的canvas元素
 var oCanvas = new sap.ui.core.HTML（{
 内容："  " +
 " " + this.attachName +" "
 }）;
 oVBox.addItem（oCanvas）;
 oCanvas.addEventDelegate（{
 onAfterRendering：function（）{
 var snapShotCanvas = document.getElementById（snapId）;
 var oContext = snapShotCanvas.getContext（'2d'）;
 oContext.drawImage（imageVal，0，0，snapShotCanvas.width，snapShotCanvas.height）;
 }
 }）;


 }