使用预先签名的URL

时间:2020-06-11 10:12:43

标签: javascript amazon-s3 upload xmlhttprequest pre-signed-url

我正在尝试将a3带有预签名URL的文件上传到我的s3存储桶中。

这是我的js函数

function UploadObjectUsingPresignedURL() 
{
    var file = document.getElementById('customFile').files[0];
    console.log(file);
    var xhr = new XMLHttpRequest();
    xhr.open('PUT', 'hereMyPresignedURL', true);
    //xhr.setRequestHeader('Content-Type', 'image/jpeg');
    xhr.onload = () => {
      if (xhr.status === 200) {
        console.log('Uploaded data successfully');
      }
    };
    xhr.onerror = () => {
      console.log('Nope')
    };
    xhr.send(file); // `file` is a File object here 
}

这是我的html

<div class="input-group">
                <div class="custom-file">
                    <input type="file" class="custom-file-input" id="customFile"
                        aria-describedby="customFile">
                    <label class="custom-file-label" for="customFile">Choose file</label>
                </div>
                <div class="input-group-append">
                    <button class="btn btn-outline-secondary" type="button" id="customFile" 
                    onclick="UploadObjectUsingPresignedURL()">Button</button>
                </div>
            </div>

这是我的控制台中的结果...

console output

  • functions.js:4文件{name:“ aragorn.jpg”,lastModified:1590136296908,lastModifiedDate:2020年5月22日星期五10:31:36 GMT + 0200(欧洲中心日),webkitRelativePath:“ “,大小:7714,...}
  • functions.js:10成功上传数据)

所以看来一切顺利(成功上传数据),但是在我的S3存储桶中没有新文件...由于没有错误,因此我不知道如何调试...

谢谢:) !!

编辑:这是我的.NET代码,用于生成Presigned-URL:

public static string MakeS3PresignedURIUpload()
        {
            string awsAccessKeyId = "XXX";
            string awsSecretAccessKey = "XXX";
            string s3Bucket = "test-bucket";
            string s3Key = "/aragorn.jpg";
            string awsRegion = "us-west-2";


            string presignedUri = "Error : No S3 URI found!";
            int expirationMinutes = 60;



            if (s3Bucket != String.Empty && s3Key != String.Empty && awsRegion != String.Empty)
            {
                try
                {
                    s3Key = s3Key.Replace("\\", "/");
                    GetPreSignedUrlRequest presignedUriReq = new GetPreSignedUrlRequest();
                    RegionEndpoint myRegion = RegionEndpoint.GetBySystemName(awsRegion);
                    AmazonS3Client client = new AmazonS3Client(awsAccessKeyId, awsSecretAccessKey, myRegion);
                    presignedUriReq.Verb = HttpVerb.PUT;
                    presignedUriReq.BucketName = s3Bucket;
                    presignedUriReq.Key = s3Key;
                    presignedUriReq.Expires = DateTime.UtcNow.AddMinutes(expirationMinutes);
                    presignedUri = client.GetPreSignedURL(presignedUriReq);
                }
                catch (AmazonS3Exception e)
                {
                    return string.Format("Error : S3 - MakeS3PresignedURIUpload - Error encountered on server.Message:'{0}' when writing an object", e.Message);
                }
                catch (Exception e)
                {
                    return string.Format("Error : S3 - MakeS3PresignedURIUpload - Unknown encountered on server. Message:'{0}' when writing an object", e.Message);
                }
            }
            return presignedUri;
        }

2 个答案:

答案 0 :(得分:0)

    string s3Key = "/aragorn.jpg";

更改为

    string s3Key = "aragorn.jpg";

它正在运行,但是将文件保存在存储桶中的未命名文件夹中,而不是直接保存在存储桶中...

感谢@wschopohl帮助我:)!

答案 1 :(得分:0)

有用链接:使用预签名 URL 将文件上传到 Amazon S3 存储桶

Upload File to Amazon S3 Bucket Using Presigned URL