Angularjs $http post 文件和表单数据

AngularJS

AngularJS 是一个流行的JavaScript框架，被广泛用于构建Web应用程序。它提供了许多强大的功能，其中包括处理HTTP请求的能力。在开发过程中，我们经常需要通过POST方法将文件和表单数据发送到服务器。本文将介绍如何使用AngularJS的$http服务来实现这个功能，并提供了一个案例代码供参考。

Javascript
// HTML
<input type="file" ng-model="file">
// AngularJS
$scope.uploadFile = function() {
  var file = $scope.file;
  var formData = new FormData();
  formData.append('file', file);
  $http.post('/upload', formData, {
    transformRequest: angular.identity,
    headers: {'Content-Type': undefined}
  }).then(function(response) {
    console.log('File uploaded successfully');
  }, function(error) {
    console.log('Error uploading file');
  });
};

html
<!-- HTML -->
<form ng-submit="submitForm()">
  <input type="text" ng-model="name">
  <input type="emAIl" ng-model="emAIl">
  <button type="submit">Submit</button>
</form>
<!-- AngularJS -->
$scope.submitForm = function() {
  var data = {
    name: $scope.name,
    emAIl: $scope.emAIl
  };
  $http.post('/submit', data).then(function(response) {
    console.log('Form submitted successfully');
  }, function(error) {
    console.log('Error submitting form');
  });
};