python - angularjs+python(Flask)文件上传到服务器

Question

我正在使用 Angular、Python 和 Flask 开发一个 Web 应用程序。在我的应用程序中有一个表单，用户需要输入一些数据并上传他的照片。我想使用 Angular 实现文件上传到服务器。我发现我需要使用 FormData() 并使用“watch”将数据从 HTML 绑定(bind)到 Angular。javascript部分很清楚。我不明白如何从Python端获取数据。

这是我的 HTML -

<form  enctype="multipart/form-data" ng-submit="submitGuideDetailsForm()">
  <div class="form-group">
    <label for="usr">Add your photo:</label>
    <input type='file' class="form-control" name='file' onchange="angular.element(this).scope().uploadFile(this.files)">
  </div>
</form>

这是我的 Angular -

 $scope.uploadFile = function(files) {
            $scope.file = new FormData();
            $scope.file.append("file", files[0]);
        };
 $scope.submitGuideDetailsForm= function() {
     $http.post('/uploadFile', $scope.file, {
           headers: {'Content-Type': undefined },
           transformRequest: angular.identity
          }).success(function(results) 
           {   
              $log.log('success load file')
           }).error(function(error) 
           {
              $log.log('error load file!!!!!')
              $log.log(error);
           });
       };

我想使用 python 和 Flask 在服务器端获取文件 -

@app.route('/uploadFile', methods=['POST'])
def uploadFile():
  json_data = request.json
  print(json_data)
  status = 'success'
  return jsonify({'result': status})

我不知道如何从“请求”对象获取数据。request.json 不起作用。

请告诉我我做错了什么。如何从“请求”对象获取数据？我需要将数据编码到文件中吗？如何将数据发送回客户端？我需要将其编码回来吗？我没有找到使用 Angular 和 python/flask 将文件上传到服务器、保存然后下载到客户端的完整示例。多谢，迪娜

Answer 1

文件可以通过file = request.files['file']获取在那之后，您可以通过 file.filename.encode("utf8")

获取文件名