Question

我在我的服务器上签名并将其发送回客户端，工作正常。这就是该函数的外观

const aws = require('aws-sdk'),
    config = require('config'),
    crypto = require('crypto');


module.exports = async function(file_type) {

    aws.config.update({accessKeyId: config.AWS_ACCESS_KEY, secretAccessKey: config.AWS_SECRET_KEY})

    const s3 = new aws.S3();

    try {
        if (!file_type === "image/png") {
            return ({success: false, error: 'Please provide a valid video format'});
        }
        let buffer = await crypto.randomBytes(12);

        let key = buffer.toString('hex');

        let options = {
            Bucket: config.AWS_S3_BUCKET,
            Key: key,
            Expires: 60,
            ContentType: file_type,
            ACL: 'public-read',
        }

        let data = await s3.getSignedUrl('putObject', options);
        console.log('data was', data)
        return ({
            success: true,
            signed_request: data,
            url: ('https://s3.amazonaws.com/' + config.AWS_S3_BUCKET + '/' + key),
            key,
        });
    } catch (error) {
        console.log('the error was', error)
        return ({
            success: false,
            error: error.message,
        })
    }
}

所以这个工作正常，最终给我一个像

这样的网址

https://mybucket.s3.amazonaws.com/a33b4a43f23fc41de9ddck1k?AWSAccessKeyId=ADIFJDGPMRFRGLXSYWPQ&Content-Type=image%2Fpng&Expires=1496716543&Signature=0zcx%2BFzWUoeFD02RF2CQ2o0bLmo%3D&x-amz-acl=public-read

然后当我在客户端上获取该URL时...我使用具有类似函数的axios发送PUT请求 -

function uploadToS3(file, signedRequest, callback){

    var options = {
        headers: {
            'Content-Type': file.type
        }
    };

    axios.put(signedRequest, file, options)
        .then(result =>{
            console.log('the result was', result)
            callback(result)
        })
        .catch(err =>{
            callback(err)
        })

}

我唯一回来的是（400）错误请求

Answer 1

猜猜你提供的错误标题

为我工作

 function upload(file, signedRequest, done) {
  const xhr = new XMLHttpRequest();
  xhr.open('PUT', signedRequest);
  xhr.setRequestHeader('x-amz-acl', 'public-read');
  xhr.onload = () => {
    if (xhr.status === 200) {
      done();
    }
  };

  xhr.send(file);
}

Answer 2

我遇到了同样的问题，经过数小时的搜索，我能够通过将存储桶的区域添加到服务器端后端（使用 s3.getSignedUrl（）请求签名的URL）来解决此问题” strong>。

const s3 = new AWS.S3({ accessKeyId:"your accessKeyId", secretAccessKey:"your secret access key", region:"ap-south-1" // could be different in your case }) const key = `${req.user.id}/${uuid()}.jpeg` s3.getSignedUrl('putObject',{ Bucket:'your bucket name', ContentType:'image/jpeg', Key:key }, (e,url)=>{ res.send({key,url}) })

获取签名的URL后，我在客户端使用 axios.put（）将图像通过URL上传到我的s3存储桶中。

const uploadConf = await axios.get('/api/uploadFile'); await axios.put(uploadConf.data.url,file, { headers:{ 'Content-Type': file.type } });

希望这可以解决您的问题。

尝试上传到aws s3存储桶时获得400 Bad Request

2 个答案: