贵州省建设厅报名网站,wordpress外汇,网络营销网站类型,免费的ppt网站推荐前言ionic是一个垮平台开发框架#xff0c;可通过web技术开发出多平台的应用。但只建议开发简单应用。复杂的应用需要用到许多cordova插件#xff0c;而cordova插件的更新或者移动平台的更新很可能导致插件的不可用#xff0c;维护升级成本较高。安装插件安装插件Image Pick…前言ionic是一个垮平台开发框架可通过web技术开发出多平台的应用。但只建议开发简单应用。复杂的应用需要用到许多cordova插件而cordova插件的更新或者移动平台的更新很可能导致插件的不可用维护升级成本较高。安装插件安装插件Image Picker$ ionic cordova plugin add cordova-plugin-telerik-imagepicker$ npm install ionic-native/image-picker安装插件File Transfer$ ionic cordova plugin add cordova-plugin-file-transfer$ npm install ionic-native/file-transfer添加到app.module.tsimport { ImagePicker } from ionic-native/image-picker/ngx;import { FileTransfer} from ionic-native/file-transfer/ngx;html添加控件上传图片编辑ts文件export class UploadPage {constructor(private imagePicker: ImagePicker,private transfer: FileTransfer) {}// 选择图片选择完成立即上传chooseImage() {const options {maximumImagesCount: 1// width: int,// height: int,// quality: int (0-100),// outputType: int};this.imagePicker.getPictures(options).then((results) {for (const res of results) {this.upload(res);}}, (err) {});}// 上传文件upload(file) {const fileTransfer: FileTransferObject this.transfer.create();const options: FileUploadOptions {fileKey: file,fileName: timestamp() .jpg,params: {type: file,action: upload,timestamp: timestamp(),auth_token: 79e1bd1504962034c068461d58b9cd89a1d8a4a1},headers: {}};fileTransfer.upload(file, https://imgbb.com, options).then((data) {alert(success);}).catch((e) {});}}最终效果总结以上所述是小编给大家介绍的ionic4angular7cordova上传图片功能的实例代码,希望对大家有所帮助如果大家有任何疑问请给我留言小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持如果你觉得本文对你有帮助欢迎转载烦请注明出处谢谢
