Question

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

实施例：我在此表单中有注册表，必须输入他的详细信息并上传个人资料图片。但是作为示例，我无法在一个请求中将所有数据发送到服务器。

由于

Answer 1

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

安装传输插件

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

然后从Transfer类调用上传函数。

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));
});

使用该链接了解更多https://ampersandacademy.com/tutorials/ionic-framework-version-2/upload-an-image-to-the-php-server-using-ionic-2-transfer-and-camera-plugin

于26-FEB-2018更新

对于Ionic 3，文件传输插件有一些更改。

安装文件传输插件

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

这些类在Ionic版本3中从Transfer重命名为FileTransfer。

import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer';

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

https://ampersandacademy.com/tutorials/ionic-framework-3/upload-image-to-the-php-server-using-ionic-3-file-transfer-and-camera-plugin

Answer 2

尝试使用$ cordovaFileTransfer。具体实现如下所述：Upload image to server angularjs

您可以从本地存储上传图像，也可以使用相机插件上传图像。

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

2 个答案: