Ionic2とAngular2画像アップロードの例？

Question

このコードは動作していない...

<ion-item> 
 
    <ion-label stacked>Name</ion-label> 
 
    <ion-input ngControl="name" type="text" placeholder="Enter Category Name"></ion-input> 
 
</ion-item> 
 

 
<ion-item> 
 
    <ion-label stacked>Image</ion-label> 
 
    <ion-input ngControl="image" type="file" placeholder="Select Category Image"></ion-input> 
 
</ion-item>

イオン入力を使用して、画像ファイルをアップロードし、formBuilderを使用して型のスクリプトでアップロードされたファイルを取得する方法はありますか。？

formBuilder.group({ 
 
    name: ['', Validators.required], 
 
    image: ['', Validators.required] 
 
})

Answer 1

イオン2フレームワークを使用してサーバーに画像をアップロードするには、転送プラグインを使用する必要があります。

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

私は1本​​のヒットでアップロードする複数の画像を使用することはでき