ionic Camera插件的使用(头像上传)

来源:互联网 发布:毕向东java全套视频 编辑:程序博客网 时间:2024/06/05 10:10

根据官方文档的例子在app.module.ts中添加

import{Camera}from "@ionic-native/camera";


并在providers中添加上Camera,


之后就可以在你需要调用相机的模块的.ts文件中调用


import {Camera, CameraOptions} from "@ionic-native/camera";


并在constructor中添加依赖



在html页面写一个(click)=dian()点击事件然后在.ts文件中调用点击事件

图上的toLocaleString是图片的本地路径 

this.avatar是需要在


类似图上先声明的  然后回到刚刚的html页面  在你想要让图片显示出来的地方加入图片的途径

类似这样子


就这样 大功告成