Angularjs 如何使用ionic angular.js上载带有表单数据的图像

您好，我正在尝试为我的移动应用程序将图像和其他表单数据上传到ionic angular.js中。我正在使用ngCordova插件。但是没有找到这个过程的任何文件

例如： 我有登记表，在这张表上必须输入他的详细信息并上传个人资料图片。但作为示例，我不能在一个请求中将所有数据发送到服务器

---

谢谢

尝试使用$cordovaFileTransfer进行此操作。具体实现如下所述：

---

您可以从本地存储器上载图像，也可以使用摄像头插件上载图像。

要使用Ionic 2 Framework将图像上载到服务器，您必须使用传输插件。使用安装传输插件

爱奥尼亚插件添加cordova插件文件传输 npm安装--保存@ionic native/transfer

然后从Transfer类调用upload函数

const fileTransfer: TransferObject = this.transfer.create();

  let options1: FileUploadOptions = {
     fileKey: 'file',
     fileName: 'name.jpg',
     headers: {}

  }

 fileTransfer.upload(imageDataLocalURL, 'http://localhost/ionic/upload.php',  options1)
.then((data) => {
 // success
 alert("success");
}, (err) => {
 // error
 alert("error"+JSON.stringify(err));
});

使用链接了解更多信息

于2018年2月26日更新

对于爱奥尼亚3，文件传输插件有一些变化。

安装文件传输插件

爱奥尼亚cordova插件添加cordova插件文件传输 npm安装--保存@ionic native/文件传输

并且这些类从Ionic版本3中的Transfer重命名为FileTransfer

import{FileTransfer，FileUploadOptions，FileTransferObject}
来自“@ionic native/file transfer”

有关完整演示，请访问以下链接