Cordova
发布时间:2022-05-03 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了ionic cordova调用原生硬件API实现照相机拍照,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
概述
官网:
https://ionicframework.com/docs/native/camera 中文:
http://www.ionic.wang/native_doc-index-id-121.html 1.安装cordava插件 ionic cordova plugin add cordova-plugin-camera
npm install @ionic-native/camera
官网:https://ionicframework.com/docs/native/camera
中文:http://www.ionic.wang/native_doc-index-id-121.html
1.安装cordava插件
@H_
607_25@ionic cordova plugin add cordova-plugin-camera
npm install @ionic-native/camera
2.在 app.module.ts 中引入注册相应模块
@H_
607_25@import
{ Camera} from ‘@ionic-native/camera/ngx‘;
...
@NgModule(
{
...
providers: [
...
Camera
...
]
...
})
export class AppModule
{ }
3.在用到的页面引入看文档使用
@H_
607_25@import
{ Camera,CameraOptions } from ‘@ionic-native/camera/ngx‘;
constructor(private camera: Camera)
{ }
...
const options: CameraOptions =
{
quality: 100,des
TinationType: thi
s.camera.Des
TinationType.FILE_URI,encodingType: thi
s.camera.EncodingType.JPEG,mediaType: thi
s.camera.MediaType.PICTURE
}
thi
s.camera.getPicture(options).then((imageData) =>
{
// imageData is either a base64 encoded
String or a file URI
// If it‘s base64 (DATA_URL):
let base64Image = ‘data:image/jpeg;base64,‘ + imageData;
},(err) =>
{
// Handle error
}
);
大佬总结
以上是大佬教程为你收集整理的ionic cordova调用原生硬件API实现照相机拍照全部内容,希望文章能够帮你解决ionic cordova调用原生硬件API实现照相机拍照所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。