angularjs + django 处理含文件的表单, 批量上传文件

参考: 出处 (angularjs 和 HTML 处理表单)

 出处 (接收到文件下载)

出处 (批量上传)

重点内容:

1.$http({***, data: $scope.yourData, upload: $scope.yourFile, ****}),

其中yourData用JSON.stringify($scope.yourData)处理一下POST给后台, django接收时,form_data = json.loads(request.POST['data']).

其中youFile不用处理直接发送到后台,django接收时,upload_file = request.FILES['upload'],因为form-data的POST形式,文件直接从FILES里读取了.

2.下载文件时,

django views.py:

@csrf_exempt def download_file(request, file_addr): def file_iterator(file_addr): with open(file_addr) as f: while True: c = f.read(512) if c: yield c else: break temp, filename = os.path.split(file_addr) response = StreamingHttpResponse(file_iterator(file_addr.encode('utf-8'))) response['Content-Type'] = 'application/octet-stream' response['Content-Disposition'] = 'attachment;filename="{0}"'.format(filename.encode('utf-8')) return response urls.py:

url(r'^download_file/(?P<file_addr>.+)/$',views.download_file,name='download_file'), angularjs:

$scope.download = function() { var fileAddr = ''; for (i in $scope.allData.inputs) { if ($scope.allData.inputs[i].type === 'FILE') { fileAddr = $scope.allData.inputs[i].result } } if (fileAddr !== '') { location.href = '/myproject/download_file/'+fileAddr+'/'; } else { alert('没有文件'); } }