如何使用Javascript和AJAX上传到Wasabi Storage

Question

如何使用Javascript和AJAX上传到Wasabi Storage

Vol*_*ike 2 javascript ajax file-upload wasabi-hot-cloud-storage

我将如何使用带有 AJAX 的客户端浏览器 Javascript 将文件上传到 Wasabi Storage？

Answer 1

Wasabi 技术支持的 Pankaj 回复我说这个代码片段可以正常工作。他们建议下载并使用适用于 S3的Amazon AWS 开发工具包，因为 Wasabi 符合 S3 API。

<!DOCTYPE html>
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.619.0.min.js"></script>
</head>
<body>

  <h1>Wasabi Upload Test</h1>
  <input type="file" id="wasabiupload" onchange="handleFile()" />

<script>

function handleFile() {
  // console.log("handle file - " + JSON.stringify(event, null, 2));
  var files = document.getElementById('wasabiupload').files;
  if (!files.length) {
    return alert('Please choose a file to upload first.');
  }
  var f = files[0];
  var fileName = f.name;

  const s3 = new AWS.S3({
    correctClockSkew: true,
    endpoint: 'https://s3.wasabisys.com', //use appropriate endpoint as per region of the bucket
    accessKeyId: 'Wasabi-Access-keys',
    secretAccessKey: 'Wasabi-Secret-Access-key',
    region: 'us-east-1'
    ,logger: console
  });

  console.log('Loaded');
  const uploadRequest = new AWS.S3.ManagedUpload({
    params: { Bucket: 'bucket-name', Key: 'file-name', Body: f },
    service: s3
  });

  uploadRequest.on('httpUploadProgress', function(event) {
    const progressPercentage = Math.floor(event.loaded * 100 / event.total);
    console.log('Upload progress ' + progressPercentage);
  });

  console.log('Configed and sending');

  uploadRequest.send(function(err) {
    if (err) {
      console.log('UPLOAD ERROR: ' + JSON.stringify(err, null, 2));
    } else {
      console.log('Good upload');
    }
  });

}
</script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	6 年，7 月前
查看次数：	598 次
最近记录：	6 年，7 月前