Question

angularjs中的新手。我有一个表单，其中一个输入字段具有类型文件。剩下的全部是文本和选择字段。我想，当我提交表格时，包括文件数据在内的所有表格数据都应该一起发布。这是我的代码，请查看。

// HTML

<input type="file" name="student_image" onchange="angular.element(this).scope().uploadFile(this.files)" ng-model="formData.studentImage" id="student_image">

// JS

var from_data = new FormData();
$scope.uploadFile = function (files) {
        from_data.append("file", files[0]);
};
$scope.submit = function () {
        from_data.append('fullname',$scope.formData.studentFullname);
        from_data.append('fullname',$scope.formData.studentEmail);
        from_data.append('class',$scope.formData.studentClass);
        $http({
            method: 'POST',
            url: 'process.php',
            enctype: 'multipart/form-data',
            processData: false,
            data: from_data, // pass in data as strings
            headers: {'Content-Type': false}  // set the headers so angular passing info as form data (not request payload)
        }).success(function (data) {
            console.log(data);
        });
    };

Answer 1

没有enctype和processData属性。您还需要阻止JSON序列化。以下应该有效：

$http({
        method: 'POST',
        url: 'process.php',
        data: from_data, 
        headers: {'Content-Type': undefined},
        transformRequest: angular.identity, //to prevent JSON serialization
    }

Angular JS无法将包含文件数据的表单数据一起发送

1 个答案: