angularjs - 如何连接base64图像并使用多部分发送？

Question

嗨，我正在使用NgimgCrop并且我成功获得了 base64 图像现在我想在http post请求中使用多部分表单数据发送它。

我的文件上传代码看起来像这样

scope.myCroppedImage = '';
    $scope.uploadFile = function (file) {
        if (file) {
            // ng-img-crop
            var imageReader = new FileReader();
            imageReader.onload = function (image) {
                $scope.$apply(function ($scope) {
                    $scope.myImage = image.target.result;
                    $scope.profileData.data = $scope.myImage;
                    console.log($scope.profileData.data);
                });
            };
            imageReader.readAsDataURL(file);
        }
    };

有什么方法可以在 base64 之后将其转换为 angular 的多部分？我尝试了各种链接，但没有任何效果。

Answer 1

您需要使用 FormData 发送它：

YourAppName.config(function($httpProvider) {

    $httpProvider.defaults.transformRequest = function(data) {

    var fd = new FormData();
    angular.forEach(data, function(key, value) {
        fd.append(key, value);
    });

    return fd;

    }

});