2016-09-16 8 views
2

現在、私のファイルアップロード機能と他のフィールドとの間に問題があります。私は私のlaravel関数をPOSTMANで他のフィールドとのファイルの保存とアップロードをテストしようとしました。しかし、角度JSフォームで動作するようにそれをしようとすると、それは私にこのようなエラーを与えているAngular JSファイルアップロードとLaravelバックエンド

enter image description here

これは、フォームからのすべての入力を取得するための私の角度jsのコードで、それを渡しますlaravel:

$scope.addAccount = function(obj) { 
     if ($scope.transformForm.$valid && $scope.netForm.$valid) { 
      $scope.uploadAccountProf(); 
     //$state.go("detailed"); 
      DataFactory.AddAccount($scope.obj).then(function successCallback(response) { 
       console.log("success"); 
       Materialize.toast('Account Saved!', 8000, 'greenbg rounded nobr'); 
       $state.go('detailed'); 
       }, function errorCallback(response) { 
       console.log("Error"); 
      }); 
     } 
     else{ 
      console.log("try again"); 
      Materialize.toast('Please fill out all required field.', 8000, 'redbg rounded nobr'); 
     } 

次のコードは、アップロードファイルのブツを担当します。

$scope.uploadAccountProf = function(roastSlidesUpload){ 
     var fileAccount = angular.element(document.querySelector('#accountProfile')); 
     var fileCompliance = angular.element(document.querySelector('#fileUpload')); 
     //console.log(myRoastSlide[0].files[0]); 
     $scope.obj['accountProfile']=fileAccount[0].files[0]; 
     $scope.obj['fileUpload']=fileCompliance[0].files[0]; 
     console.log($scope.obj); 
     var formData = new FormData(); 
     formData.append('file', $scope.obj); 

     console.log("asd",formData); 
     return $scope.obj; 
    }; 

マイ形式:

<div class="row"> 
          <div class="file-field input-field col s12"> 
           <div class="btn"> 
            <span>File</span> 
            <input id="accountProfile" type="file"> 
           </div> 
          <div class="file-path-wrapper"> 
           <input id="acctProfile" class="file-path validate" placeholder="Accout Profile" type="text"> 
          </div> 
          </div> 
         </div> 

マイボタン:以下

<form id="transformForm" name="transformForm" class="addingTransformation" novalidate> 

は、他のテキストボックスを含まない、唯一のファイルアップロードのための私の形である

<button class="btn waves-effect waves-light right submit allmargin" type="submit" name="action" ng-click="verifiedaccount()">Submit 
      <i class="material-icons right">send</i> 
     </button> 

誰かが私を助けることができますか?私はこれを数週間解決しようとしていますが、何が間違っているのか、角度が私にそのエラーを返す理由を理解することはできません。 :(

+0

あなたはDataFactory.AddAccount関数のコードを投稿し、コードのどの部分がラインに369 – boroboris

+0

@Dhennですでした:????あなたは、このための解決策を見つけるか、私は似て同じ持っています – ihue

答えて

1

私は角と非常に経験がほとんどないので、私はそれが正しいかどうか分からないが、HTMLフォームを使用してファイルをアップロードするには、通常、それはENCTYPEだ設定する必要があります。

あなたはenctype="multipart/form-data"を追加することができますあなたの<form>タグにして、やり直してください

+0

すでに試してみましたが、まだ動作していません。同じエラーが表示されます。 – Dhenn

+0

その後、私はclを持っていません。 ue .. – Loek

関連する問題