Angularjs 是否可以通过ngFileUpload post将base64图像发送到amazon s3存储桶?
我有一个工作脚本,当文件输入发生变化时,选择文件,在django后端对其上传数据进行签名,然后将其从前端直接上传到我的s3 bucket。它工作得很好。我正在使用ng文件上传来完成它Angularjs 是否可以通过ngFileUpload post将base64图像发送到amazon s3存储桶?,angularjs,canvas,amazon-s3,upload,ng-file-upload,Angularjs,Canvas,Amazon S3,Upload,Ng File Upload,我有一个工作脚本,当文件输入发生变化时,选择文件,在django后端对其上传数据进行签名,然后将其从前端直接上传到我的s3 bucket。它工作得很好。我正在使用ng文件上传来完成它 var doSignUrl = function(image, success, error){ $http({ url: scope.signUrl, params: { s3_object_name: image.name,
var doSignUrl = function(image, success, error){
$http({
url: scope.signUrl,
params: {
s3_object_name: image.name,
s3_object_type: image.type
},
method: 'get'
}).success(success).error(error);
};
var getUploadConfig = function(image, data){
return {
url: data.url,
method: 'POST',
fields : {
key: data.path,
AWSAccessKeyId: data.aws_access_key_id,
acl: data.acl,
policy: data.policy,
signature: data.signature,
"Content-Type": image.type != '' ? image.type : 'application/octet-stream',
filename: data.file_name
},
file: image,
};
};
var doUpload = function(image){
doSignUrl(image, function(signData){
Upload.upload(getUploadConfig(image, signData)).progress(function(e){
doProgress(image, parseInt(100.0 * e.loaded / e.total))
}).success(function(data, status, header, config){
doSuccess(image, signData.url+'/'+signData.path);
}).error(function(data, status, header, config){
doError(image);
});
}, function(data, status, header, config){
console.log(status);
console.log(data);
});
}
对于每个文件,文件选择器选择i calldoUpload(文件)
但我真正的目标是在上传之前使用画布在前端裁剪图像。问题是,当您使用画布裁剪图像时,结果是base64编码的图像,而不是文件。因此,我的最后一个问题是:是否可以将此base64图像直接上载到s3?经过大量研究,我发现您可以将blob发送到s3,而不是将ngFileUpload发送到s3
我曾经将base64转换为blob,然后在
Upload.Upload()
file参数中传递生成的blob而不是文件。不要忘记接受您的答案,以便下一个有问题的人知道接受的答案