Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/244.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular JS文件上载和Laravel后端_Javascript_Php_Jquery_Angularjs_Laravel - Fatal编程技术网

Javascript Angular JS文件上载和Laravel后端

Javascript Angular JS文件上载和Laravel后端,javascript,php,jquery,angularjs,laravel,Javascript,Php,Jquery,Angularjs,Laravel,我目前在文件上传功能以及angular中的其他字段方面遇到问题。我试着用POSTMAN测试我的laravel函数,以保存和上传其他字段的文件,结果成功了 然而,在尝试使用Angular JS Form时,它给了我一个如下错误: 这是我的angular js代码,用于从表单获取所有输入并将其传递给laravel: $scope.addAccount = function(obj) { if ($scope.transformForm.$valid && $sc

我目前在文件上传功能以及angular中的其他字段方面遇到问题。我试着用POSTMAN测试我的laravel函数,以保存和上传其他字段的文件,结果成功了

然而,在尝试使用Angular JS Form时,它给了我一个如下错误:

这是我的angular 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将错误返回给我的原因(

我对Angular几乎没有经验,所以我不知道这是否正确,但要通过HTML表单上传文件,通常需要设置文件的enctype


是否可以添加
enctype=“多部分/表单数据”
到您的
标签,然后再试一次?

已经尝试过了,但仍然不起作用。收到相同的错误。您可以发布DataFactory.AddAccount函数的代码吗?代码的哪一部分在第369行?@Dhenn:您找到了解决方案吗?我和您有相同的设置。我遇到了相同的问题。