如何通过JSON从图像标签发送图像数据，该图像标签在src中具有blob URL？

Question

我正在使用Angularjs作为后端的FrontEnd和Java Webservices项目。我正尝试通过JSON上传和发送图像。

上传图片时，在src中生成一个斑点url （blob：http://localhost/a34ac19f-3320-4cdf-b30f-e1b0a0e7a745）。我如何读取它并将其转换为可以通过JSON发送的Base64或其他类型？

Answer 1

首先，添加此自定义目录下方控制器：

app.directive('fileModel', ['$parse', function ($parse) { 
    return { 
     restrict: 'A', 
     link: function (scope, element, attrs) { 
      var model = $parse(attrs.fileModel); 
      var modelSetter = model.assign; 

      element.bind('change', function() { 
       scope.$apply(function() { 
        modelSetter(scope, element[0].files[0]); 
       }); 
      }); 
     } 
    }; 
}]); 

然后在您查看使用这样的：

<input type = "file" name="files" file-model = "myFile"/> 

在你的控制器功能时youf形式将提交：

像这样：

$scope.formSubmit = function(){ 
     var file = $scope.myFile; 
     var fd = new FormData(); 
     fd.append('profilepic', file); 
     fd.append('action', 'add'); 

     $http.post('yourjavafile', fd, { 
        transformRequest: angular.identity, 
        headers: {'Content-Type': undefined} 
       }).success(function (response) { 

         if (response) { 

         } else { 

         } 
        });; 
}