javascript - 上传文件不起作用

Question

无法下载文件，请告诉我出了什么问题？

<div ng-conroller="loadImgCtrl">
    <input type='file' id='file' name='file'>
    <button ng-click="upload()">Upload</button>
<div>

JS:

   var app=angular.module('loadImage', []);

    app.controller('loadImgCtrl', ['$scope', '$http', function ($scope, $http) { 
    $scope.upload = function(){

    var fd = new FormData();
    var files = document.getElementById('file').files[0];
    fd.append('file', files);

    $http({
        method: 'post',
        url: 'upload.php',
        data: fd,
        headers: {'Content-Type': undefined},
        }).then(function successCallback(response) {
        $scope.response = response;
    });
}
}]);

PHP:

<?php 
    $filename = $_FILES['file']['name'];
    $location = '/images';
    move_uploaded_file($_FILES['file']['tmp_name'],$location.$filename);

    $arr = array("name"=>$filename);
    echo json_encode($arr);
?>

在我收到的响应中:{“name”:null}。
版本 AngularJS 1.3.5。

Answer 1

您可以尝试此代码

$http.post('upload.php', fd, {
  headers: {
    'Content-Type': undefined
  },
  transformRequest: null
}).then(function successCallback(response) {
  $scope.response = response;
});

显式设置 transformRequest: null 可以防止将请求转换为不正确的格式，例如 JSON。