前言

离子的是一个垮平台开发框架，可通过网技术开发出多平台的应用。但只建议开发简单应用。复杂的应用需要用到许多科多巴插件，而科多巴插件的更新或者移动平台的更新很可能导致插件的不可用，维护升级成本较高。

安装插件

安装插件图像拾取器

$ ionic cordova插件添加Cordova-plugin-tele rik-image picker $ NPM安装@ ion-native/image-picker安装插件文件传输

$ ionic cordova插件添加科尔多瓦-插件-文件-传输$ NPM安装@ ion-native/文件-传输添加到app.module.ts

从" @ ion-native/image-picker/ngx "导入{图像拾取器}；从" @ ion-native/文件传输/ngx "导入{ FileTransfer }；

超文本标记语言添加控件

离子按钮（点击)='选择图像()'上传图片/离子-按钮

编辑分时（同分时)文件

导出类上传页面构造函数（私有imagePicker: ImagePicker，私有transfer: FileTransfer ) { } //选择图片，选择完成立即上传选择image(){ const options={ maximumimagescount : 1//width : int，//height: int，//quality: int (0-100)，//output type : int }；this.imagePicker.getPictures(选项)。然后((结果)={ for(const RES of results){ this。上传(RES)；} }，(err)={ })；} //上传文件上传（文件){ const文件传输：文件传输对象=this。转移。create()；const options 3360文件上传选项={ file key : ' file '，fileName: timestamp()' .jpg '、params: { type: 'file '、action: 'upload '、timestamp: timestamp()、auth _ token : ' 79e 1 BD 1504962034 c 068461d 58 b 9 CD 89 a1 D8 a4a 1 ' }、header RS : } }fileTransfer.upload(文件，' https://imgbb.com '，选项)。然后((数据)={ alert(' success ')；}) .catch((e)={ })；}}最终效果

总结

以上所述是小编给大家介绍的ionic4 angular7 cordova上传图片功能的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！