2017-11-23 5 views
0

ファイルをダウンロードできません。問題点を教えてください。アップロードファイルが機能しない

<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); 
?> 

:{ "名前":ヌル}。
バージョンanglejs 1.3.5。あなたはこのコードを明示的transformRequest: nullを設定

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

を試すことができます

+0

ファイルをダウンロードまたはアップロードしようとしていますか? –

答えて

1

、あなたはJSONのような間違った形式に要求を変換防ぐことができます。

関連する問題