如何連接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;

    }

});