如何连接base64图像并使用multipart发送它?

时间:2016-11-29 10:51:03

标签: angularjs image file upload ng-img-crop

您好我正在使用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之后将其转换为多角色?我尝试了各种链接但没有任何效果。

1 个答案:

答案 0 :(得分:0)

您需要使用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;

    }

});