Ionic3/4中如何上传图片（拍照/图片选择）

[Talk is cheap. Show me the code]

不想看理论知识请直接移步最后代码示例。

(本文还是建议看下整体思路)

最初我写APP的时候使用 了Ionic3，今天去看了下文档，Ionic4相对于3的文档说明更清晰，代码也更加简化，社区变得越来越好还真是有点小开心呢。但也有批评说Ionic4相对于3更复杂，坑更多。

手机端图片上传有两种方式一种是 拍照上传 另一种是 图片选择 （请注意这里与文件选择的区别） 之后上传，废话不多说进入正题。

拍照上传：

一、前置条件

1.1、引入js和本地依赖，这样我们就可以使用camera的一些api

npm install --save @ionic-native/cameranpm install --save @ionic-native/camera

1.2添加cordova插件

ionic cordova plugin add cordova-plugin-camera

然后在config.xml中会生成，有时需要你自己添加进去

<plugin name="cordova-plugin-camera" spec="^4.0.3" />

相对android，ios对于权限的控制要更严格一些，ios10以下需要你在config.xml底