我正在使用这个工具在我的 AngularJS 应用程序中裁剪图像:https://github.com/fengyuanchen/cropper https://github.com/fengyuanchen/cropper
然后我尝试将数据存储到服务器,但现在我发送base64代码...我如何发送正常的裁剪图像二进制代码,而不是base64?这是真的吗?
我的上传代码是这样的:
var addImage = function(files) {
var deferred = $q.defer();
var fd = new FormData();
var blob = new Blob([files], { type : "image/png"});
fd.append("file", blob);
$http.post(settings.apiBaseUri + "/files", fd, {
withCredentials: true,
headers: {
'Content-Type': undefined
},
transformRequest: angular.identity
})
.success(function(data, status, headers, config) {
url = data.Url;
deferred.resolve(url);
})
.error(function(err, status) {
});
return deferred.promise;
};
这里我发送base64代码:
$scope.photoChanged = function(files) {
$scope.oldImg = angular.element(document.querySelector('#avatar-id'));
$scope.files = files;
var reader = new FileReader();
reader.onload = function(e) {
$scope.imagecontent = e.target.result;
};
reader.readAsDataURL(files[0]);
};
and
$scope.setCroppedData = function(data) {
$('#avatar-id').attr('src', data);
$scope.nImg = new Image();
$scope.nImg.src = data; // data - is base64 image code
}
...
uploaderService.addImage($scope.nImg.src).then(function(url) {
$scope.person.AvatarUrl = url;
$scope.updateContactQuery();
});
...
我怎样才能像我一样发送而不进行任何裁剪:发送图像文件,以便我可以通过浏览器中的链接查看图像,而不是base64代码???