2017-02-07 8 views
0

Expressサーバであるバックエンドサーバに画像を投稿しようとしています。フロントエンドからエクスプレスサーバに画像を投稿する - Ionic2

私はコルドバのファイル転送( コルドバプラグインを使用してインストールがコルドバ・プラグイン・ファイル転送を追加)を使用しています

私はこのようなファイル転送をインポートしている:ここ

import {Transfer} from 'ionic-native'; 

は私のコンポーネントでありますサーバーにファイルを投稿するファイル

save() { 

    base64Image = open("/Users/user1/1.jpg"); 
    let ft = new Transfer(); 
    let filename = "example" + ".jpg"; 
    let options = { 
     fileKey: 'file', 
      fileName: filename, 
      mimeType: 'image/jpeg', 
      chunkedMode: false, 
      headers: { 
       'Content-Type' : undefined 
      }, 
      params: { 
       fileName: filename 
      } 
    }; 

    ft.upload(base64Image, "http://localhost:3500/api/v1/file", options, false); 

    } 

私はsave関数を呼び出すたびにエラーが発生します。

FileTransfer is not defined 

ヘルプには、あなたがionic-nativeを使用しているので、

+0

ionic-native 'ionic plugin add cordova-plugin-file-transfer --save'を使用しているため、ionicをインストールしようとしています。 saveオプションは 'config.xml' –

答えて

0

がイオンでインストールが理解されよう。

ionic plugin add cordova-plugin-file-transfer --save

保存オプションは、config.xmlにエントリがあることを確認することです。 はまた、アプリがロードされた後

platform.ready().then(()=>{}) 

プラグインがロードされている内の任意のプラグインを呼び出します。

UPDATE: コルドバがサポートされておらず、ほとんどのプラグインはionic serveコマンドでロードされません。 エミュレータまたはデバイスで実行する必要があります。

+0

に実際に私の問題を解決しなかったエントリがあることを保証するものです。また、' open( "/ Users/user1/1.jpg"); 'これがどのように変数に画像を割り当てるのか –

+0

いいえ。http://ionicframework.com/docs/v2/native/camera/に画像用に使うべきです..ギャラリーからですか? –

+0

いいえ....私はテスト目的のためにファイルに画像を保存しました –

関連する問題