javascript - Google Cloud Storage - 如何直接从浏览器上传内容 (JavaScript)

Question

如何从浏览器(JavaScript)直接上传内容到GC Storage？有没有一些简单的方法可以使用 token (在 URL/cookies 中)或类似的东西来做到这一点？

注意:不考虑中间系统(如 URL 签名者)。我正在寻找一种从 JS 发送请求并在 GC 存储中处理它的方法。

如果不是，您知道在不引入太多依赖性和复杂性的情况下最简单的解决方案是什么？

Answer 1

这很容易。您可以使用 Firebase JavaScript SDK 从网络上执行此操作。

https://firebase.google.com/docs/storage/web/upload-files

文档中的代码

var uploadTask = storageRef.child('images/rivers.jpg').put(file);

// Register three observers:
// 1. 'state_changed' observer, called any time the state changes
// 2. Error observer, called on failure
// 3. Completion observer, called on successful completion
uploadTask.on('state_changed', function(snapshot){
  // Observe state change events such as progress, pause, and resume
  // Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
  var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
  console.log('Upload is ' + progress + '% done');
  switch (snapshot.state) {
    case firebase.storage.TaskState.PAUSED: // or 'paused'
      console.log('Upload is paused');
      break;
    case firebase.storage.TaskState.RUNNING: // or 'running'
      console.log('Upload is running');
      break;
  }
}, function(error) {
  // Handle unsuccessful uploads
}, function() {
  // Handle successful uploads on complete
  // For instance, get the download URL: https://firebasestorage.googleapis.com/...
  uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {
    console.log('File available at', downloadURL);
  });
});