ionic angular.jsを使用してフォームデータをアップロードする方法

Question

こんにちは、私はモバイルアプリケーション用のionic angular.jsのフォームデータの残りの部分をアップロードしようとしています。私はngCordovaプラグインを使用しています。しかし、この手続きのための書類は見つけられませんでした。

例： 私はこのフォームに登録フォームを持っていると、彼の詳細とアップロードプロファイルイメージを入力する必要があります。しかし、例として私は1つの要求でサーバーにすべてのデータを送信することはできません。

ありがとうございました

Answer 1

これは$ cordovaFileTransferを使用してください。 Upload image to server angularjs

ローカルストレージから画像をアップロードすることも、カメラプラグインで撮影した画像をアップロードすることもできます。

Answer 2

Ionic 2 Frameworkを使用して画像をサーバーにアップロードするには、Transferプラグインを使用する必要があります。転送クラスからアップロード機能を呼び出すその後

ionic plugin add cordova-plugin-file-transfer npm install --save @ionic-native/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)); 
}); 

イオン3について

26 - 2月 - 2018年で更新

https://ampersandacademy.com/tutorials/ionic-framework-version-2/upload-an-image-to-the-php-server-using-ionic-2-transfer-and-camera-plugin詳細をお知りにリンクを使用し、ファイル転送プラグインはいくつかの変更がありました。

は、ファイル転送プラグイン

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

、完全なデモのためにイオンのバージョン3.

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

に転送から変数をFileTransferに名前を変更するクラスをインストールするには、以下のリンクをご覧ください。

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