javascript - 如何在angularjs中获取输入类型文件的值？

Question

我正在使用 slim 框架在 angularjs 中创建简单的应用程序。在其中，我正在为一些数据(如名称、类别、货币和图像文件等)创建表单。在这个应用程序中，我在输入类型文件方面遇到问题。我可以获取文本框或单选按钮等的所有数据，但无法获取输入类型文件的数据。下面是代码。

index.html:- HTML 文件

<form method="POST" enctype="multipart/form-data" class="form account-form" name="form" ng-submit="creator(user)" role="form">
<input type="text" name="name" ng-model="user.name"  /> 

<input type="radio" name="category" ng-model="user.category" value="Science" >                                  
<input type="radio" name="category" ng-model="user.category" value="Engineerig" >

<input type="file" ng-model="user.image_file" name="image_file">
</form>

registerController.js:- Controller 文件

app.controller('CreatorController', function($scope,$rootScope,$location,$http,CreatorService,FlashService) {
    $scope.creator = function (user) {
      // alert("create");
        $scope.dataLoading = true;
         CreatorService.creator(user)
                .then(function (response) {   
                    if(response.data['message']){ 
                        FlashService.Success('Registration successful', true);
                        $location.path('/crete-page');
                    } else {
                        FlashService.Error('Registration failed');
                    }
                });
    }    
});

registerDB.php :- slim 框架目录中的 DB 处理程序 PHP 文件

 <?php

function insertUser($data) {

    print_r($data); //Getting All data here from form but not getting File values
}
?>

Answer 1

如果您想将其发送到服务器，您不能只接收文件并发送它，有时您必须将其转换为 blob 或其他内容。

我找到了这个fiddle

don't know if it works but you can try. (stupid stackoverflow makes me put code after a fiddle link, wtf!)

或者您可以使用angular-file-upload ，至少是我尝试做类似事情时使用的。但我在服务器上使用nodejs，甚至在服务器上我也必须使用另一个特定于这种情况的库。不知道它如何与 php 一起工作。

GL!