我有一个拖放功能，可以将拖放到其上的文件转换为 Base64 数据。之前是上传到Imgur，Imgur的API支持Base64上传，现在正在努力迁移到Amazon S3。

我看过 examples of people using XMLHTTP requests和 CORS 将数据上传到 S3，我正在使用 Amazon's AWS S3 SDK gem以避免必须签署政策和其他事情，因为 gem 为我做了这些。所以我所做的是将 Base64 数据发送到使用 gem 上传到 S3 的本地 Controller 方法。

我看到的其他使用 Ajax 的帖子显示 S3 支持原始数据上传，但 gem 似乎不支持，因为每当我查看上传时我都会看到损坏的图像。我上传不正确吗？数据格式错误吗？我已经尝试了基本的 Base64、atob Base64 和 blob url，但到目前为止没有任何效果。

JS:

fr.onload = function(event) {
        var Tresult = event.target.result;
        var datatype = Tresult.slice(Tresult.search(/\:/)+1,Tresult.search(/\;/));
        var blob = atob(Tresult.replace(/^data\:image\/\w+\;base64\,/, ''));
        $.ajax({
            type:"POST",
            data:{
                file:blob,
                contentType: datatype,
                extension:datatype.slice(datatype.search(/\//)+1)
            },
            url:'../uploads/images',
            success:function(msg) {
                handleStatus(msg,"success");
            },
            error:function(errormsg) {
                handleStatus(errormsg,"error");
            }
        });
    }

Controller 方法:

def supload
    s3 = AWS::S3.new(:access_key_id => ENV['S3_KEY'],:secret_access_key => ENV['S3_SECRET'])
    bucket = s3.buckets['bucket-name']
    data = params[:file].to_s
    type = params[:contentType].to_s
    extension = params[:extension].to_s
    name = ('a'..'z').to_a.shuffle[0..7].join + ".#{extension}"
    obj = bucket.objects.create(name,data,{content_type:type,acl:"public_read"})
    url = obj.public_url().to_s
    render text: url
end

编辑:

明确地说，我尝试了几种不同的格式，上面显示的格式是解码的 base64。常规 Base64 看起来像这样:

        var Tresult = event.target.result;
        var datatype = Tresult.slice(Tresult.search(/\:/)+1,Tresult.search(/\;/));
        var blob = Tresult;
        $.ajax({
            type:"POST",
            data:{
                file:blob,
                mimeType: datatype,
                extension:datatype.slice(datatype.search(/\//)+1)
            },
            url:'../uploads/images',
            success:function(msg) {
                handleStatus(msg,"success");
            },
            error:function(errormsg) {
                handleStatus(errormsg,"error");
            }
        });

blob url 如下所示:

var blob = URL.createObjectURL(dataURItoBlob(Tresut,datatype));
...
function dataURItoBlob(dataURI, dataType) {
    var binary = atob(dataURI.split(',')[1]);
    var array = [];
    for(var i = 0; i < binary.length; i++) {
        array.push(binary.charCodeAt(i));
    }
    return new Blob([new Uint8Array(array)], {type: dataType});
}

最佳答案

我没看错你是:

1. 使用 AJAX 将 Base64 编码的文件发送到 Rails
2. 使用 Rails 将文件上传到 S3
3. 正在查看 S3 中的文件？

如果是这种情况，您需要在将第 2 步中的数据发送到 S3 之前对其进行解码。这样的事情可能会起作用:

require "base64"
def supload
    s3 = AWS::S3.new(:access_key_id => ENV['S3_KEY'],:secret_access_key => ENV['S3_SECRET'])
    bucket = s3.buckets['bucket-name']
    data = Base64.decode64(params[:file].to_s)
    type = params[:contentType].to_s
    extension = params[:extension].to_s
    name = ('a'..'z').to_a.shuffle[0..7].join + ".#{extension}"
    obj = bucket.objects.create(name,data,{content_type:type,acl:"public_read"})
    url = obj.public_url().to_s
    render text: url
end

关于javascript - 通过 AWS Ruby SDK 将 Base64 图像数据上传到 S3，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24395857/