angularjsとlaravelでのファイルアップロード

Question

anggsとlaravelでファイルをアップロードするためにngf-file-uploadモジュールを使用しています。

これは私のhtml initiatiorです：

<div class="button" ngf-select="profile.uploadFiles($file, $invalidFiles)">Upload on file select</div> 

これは角

 vm.uploadFiles = function(file) { 
      if (file) { 
       file.upload = Upload.upload({ 
        url: 'http://localhost/api/uploadImg', 
        data: {file: file} 
       }); 
      } 
     } 

の私のコントローラであり、これはLaravelの私のアップロードAPIコードです。

public function uploadImg() 
{ 
    $data = Input::file('file'); 
    return $data; 
} 

私の角型アプリケーションは、9000ポートとlaravelのデフォルトポートで動作しています。 角度からのリクエストは、laravelに組み込まれたapiに当たっていますが、ファイルが見つからないということです。リクエストヘッダーはブラウザのネットワークでは疑わしいようですが。同様コンテンツタイプはマルチパート/フォームのデータは、私はフィドルに記載されている私のAPIと同期するように変更、で、同じコードを使用しています

This is the link of danial farid js fiddle

ではありません。

奇妙なことは、私が私に与えているときですローカルAPIこのフィドルへのパスは、うまくいきます。しかし、それは私のプロジェクトではローカルでは機能しません。私は、私の目立たない面に欠けているものがあると思う。

This is the image of param that is send when i am trying to upload file from local project

が

This is the image of param that is send when i am trying to upload file from fiddle to my api

私の結論は、私は（ない私の角度のプロジェクトで）htmlファイルからファイルをアップロードすることができていますので、コードに問題がない

ある具体的には、私はファイルのアップロードをテストするために作成し、それが実行されています。

しかし

私は私のプロジェクトを通じてアップロードしようとしているとき、それは失敗しています。 私は1つ（ランダムなファイルを通じてアップロード画像を）働いている私のコンソール1例画像を添付しており、他は（私は私のプロジェクトを通じてアップロードファイルを午前）ケースを働いていないです。

私は次に何をするべきではありません。私は、私の角度のあるプロジェクトにアップロードプロセスに障害を引き起こす何かがあると思います。

Answer 1

インターセプタ

我々はインターセプタ

、我々はインターセプタでリクエストごとに

config.headers['Content-Type'] = 'application/x-www-form-urlencoded'; 

を設定したデフォルトのヘッダにヘッダを設定しているので、はい、彼らはファイルのアップロードに問題を作成しました。私たちの角度のアプリケーションから作られたものがインターセプターを通過しており、インターセプターはこれらのヘッダーを持つすべてのリクエストを変更していました。だから、このヘッダをインターセプタから削除しなければならない。

注

が戻りの$ data` `に他のすべての要求に