Angular JS文件上传和Laravel后端

我目前有问题与我的文件上传功能一起，其他领域的角度。我试图测试我的laravel函数来保存和上传文件与其他领域与POSTMAN和它的工作。Angular JS文件上传和Laravel后端

然而，在试图将其与角JS形式的工作，它给了我这样的错误：

这是我的角度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; 
    };

我的形式：

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

下面是我的文件形式上传只，这还不包括其他的文本框：

<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>

我的按钮：

<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>

有人能帮助我吗？我一直试图解决这个问题好几个星期，但仍然无法弄清楚什么是错误的，为什么angular会把这个错误返回给我。 :(

来源

2016-09-16 Dhenn

您可以发布DataFactory.AddAccount函数的代码？以及代码的哪一部分在第369行？ – boroboris

@Dhenn：您是否曾经为此找到过解决方案？设置为像你一样，我跑到相同的问题。 – ihue

我有角的经验非常少，所以我不知道这是否是正确的，而是通过一个HTML表单上传文件时，你通常需要设置它的加密类型。

你可以添加enctype="multipart/form-data"您的<form>标签，然后再试一次吗？

来源

2016-09-16 17:20:36 Loek

试过，已经但它仍然没有工作。收到相同的错误。 – Dhenn

然后，我不会有一个CL UE .. – Loek

Angular JS文件上传和Laravel后端

回答

相关问题