Django restful api无法获取文件内容

我使用Django restful api + angularjs。现在，我追加Django在宁静的API 使用angularjs上传文件到服务器上的Web前端，在HTML是：Django restful api无法获取文件内容

<input type="file" data-upload-file id="uploadInputFile">

的angularjs的代码是：

omapp.directive("uploadFile",function(httpPostFactory){ 
    return { 
     restrict:"A", 
     scope:true, 
     link:function(scope,element,attr){ 
      element.bind('change',function(){ 
       var formData = new FormData(); 
       formData.append('file', element[0].files[0]);    
       console.log(formData.get('file'))   

    httpPostFactory('/api/uploadfile/',formData.get('file'),function (callback) { 
         console.log(callback); 
        }) 
       }) 
      } 
     }; 

    }); 

omapp.factory('httpPostFactory', function ($http,$cookies) { 
    return function (file, data, callback) { 
        var req = { 
         method:"POST", 
         url:file, 
         headers:{ 
          'X-CSRFToken':$cookies.get('csrftoken') 
         }, 
         data:{file:data} 
        } 
        $http(req) 
        .then(function successcallback(response){callback(response);}) 

    } 
});

一切都OK 。但Django的API无法获取数据的代码是：

class UploadFile(APIView): 
    def post(self,request,format=None): 
     logger.info("file content"); 
     logger.info(request.data) 
     return Response("upload done")

我怎样才能得到的数据？

来源

2017-08-28 qin peter

你需要从request.FILES

def post(self,request,format=None): 
    file_data = request.FILES['file'] 
    return Response("upload done")

来源

2017-08-28 09:13:31 Robert

“request.FILES [”文件']“，抓到一个错误：angular.js：14727可能未处理的拒绝... –

未处理的拒绝，它可能是500个关键错误.check您的浏览器控制台，您的请求数据包含文件内容， – Robert

我收到一个新错误：MultiValueDictKeyError at/api/uploadfile/ “'file'” –

更好的方式来处理文件上传Django中得到休息的电话，使用的base64格式。在前端将您的文件编码为base64字符串，然后在django中再次将其解码为原始文件。示例代码here。

来源

2017-08-28 09:23:44 Ravi

我得到了anwser：的HTML是：

<input type="file" data-upload-file id="uploadInputFile">

的angularjs是：

omapp.directive("uploadFile",function(httpPostFactory){ 
    return { 
     restrict:"A", 
     scope:true, 
     link:function(scope,element,attr){ 
      element.bind('change',function(){ 
       var formData = new FormData(); 
       formData.append('file', element[0].files[0]);    
       console.log(formData.get('file'))   

    httpPostFactory('/api/uploadfile/',formData.get('file'),function (callback) { 
         console.log(callback); 
        }) 
       }) 
      } 
     }; 

    }); 

omapp.factory('httpPostFactory', function ($http,$cookies) { 
    return function (file, data, callback) { 
        var req = { 
         method:"POST", 
         url:file, 
         headers:{ 
          'X-CSRFToken':$cookies.get('csrftoken'), 
           Content-Type': undefined //add this 
         }, 
         data:{file:data} 
        } 
        $http(req) 
        .then(function successcallback(response){callback(response);}) 

    } 
});

宁静的API：

class UploadFile(APIView): 
    def post(self,request,format=None): 
     logger.info("read file "); 
     up_file = request.FILES['file'] 
     logger.info(up_file)

当我使用

来源

2017-08-28 10:37:48

Django restful api无法获取文件内容

回答

相关问题