1.Ionic调用cordor插件 Camera 与cordova-plubin-file-transfer实现拍照及图片上传

Ionic 原生插件官方文档 https://ionicframework.com/do...

1）camera插件安装

ionic cordova plugin add cordova-plugin-camera
   npm install --save @ionic-native/camera

2）File Transfer插件安装

ionic cordova plugin add cordova-plugin-file-transfer
  npm install --save @ionic-native/file-transfer

这种安装方法，在导入的时候可能会提示没有该模块的报错,可以换以下方法安装：

ionic cordova plugin add cordova-plugin-file
  npm install --save @ionic-native/file
  
  ionic cordova plugin add cordova-plugin-file-transfer
  npm install --save @ionic-native/file-transfer

3) app.module.ts引入依赖注入

3.在需要上传的文件中引入实例化

在构造函数中实例化

4）拍照或从图库中获取图片上传功能

这边主要封装了一个获取图片的方法，参数sourceType表示要从哪里获取图片

• 从图库中获取图片 this.camera.PictureSourceType.PHOTOLIBRARY
• 从拍照获取图片 this.camera.PictureSourceType.CAMERA

通过this.camera.getPicture()获取图片，成功返回图片路径。

上传功能的封装

更多参数可在官方文档查阅

安装插件可能遇到的错误以及解决方案

1）安装 cordova-plugin-file-transfer 以及其他插件都报错提示信息和 node_modules 模块相

关错误解决办法。

删除 node_modules,cd 到项目目录,重新用 npm install 安装所有的模块

2) 安装其他的模块没有问题，安装 cordova-plugin-file-transfer 出现如下错误。

解决办法：重新多试几次

愿你成为终身学习都

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!