已创建 Blob，但未使用 SignedURL 上传文件

Question

我正在使用 SignedURL 将文件直接上传到 Cloud Storage，而无需通过 App Engine 实例。 我遵循的过程是：

1. 创建一个空对象并为该对象生成一个 SignedURL

    Storage storage = null; try{ FileInputStream credentialsStream = new FileInputStream("JSONFile"); Credentials credentials = GoogleCredentials.fromStream(credentialsStream); storage = StorageOptions.newBuilder().setCredentials(credentials).build().getService(); }catch(IOException e) { e.printStackTrace(); } Acl aclObject = Acl.of(User.ofAllUsers(),Role.OWNER); List<Acl> aclAccess = new ArrayList<>(); aclAccess.add(aclObject); //BucketName and User name are Strings. BlobId blobId = BlobId.of(BUCKET_NAME,USER_NAME+"TeamLogo"); BlobInfo blobInfo = BlobInfo.newBuilder(blobId).setAcl(aclAccess).setContentType("image/jpeg").build(); Blob blob = storage.create(blobInfo);

至此，在 Cloud Storage 中创建了一个空对象

我正在为这个空对象生成一个签名 URL，这样当用户上传文件时，文件的内容会替换空对象

    HttpMethod httpMethod = HttpMethod.PUT;

    ServiceAccountSigner signer = ServiceAccountCredentials.newBuilder().setClientId(CLIENT_ID).setClientEmail(CLIENT_EMAIL).setPrivateKey(PRIVATEKEY).setPrivateKeyId(PRIVATE_KEY_ID).build()

    URL url = blob.signUrl(10,TimeUnit.MINUTES,Storage.SignUrlOption.httpMethod(httpMethod),Storage.SignUrlOption.signWith(signer),Storage.SignUrlOption.withContentType());
    return url;

我处理文件上传的 HTML 代码

 <form action="${signedURL}" method="put" enctype="multipart/form-data"> <label>Enter Your User Name</label><br> <input type="text" name="UserName" ><br><br> <label>Enter Your Team Name</label><br> <input type="text" name="TeamName" ><br><br> <label>Upload Team Logo</label><br> <input type="file" name="myFile" required="required"><br><br> <input type="submit" value="Create Team"> <input type="hidden" name="success_action_redirect" value="http://localhost:8080/register"> </form>

选择文件并点击上传后，我选择的文件没有上传到云存储，它正在加载这个页面（一个带有 URL 的白页）。

我没有达到我想要的结果。 我的代码中缺少什么？ Cloud Storage 的 Java 文档并没有为像我这样的新手提供全貌。 有人请在这方面帮助我。

更新：对云存储的 Javascript AJAX 请求

 var signedURL; function uploadFile(){ var urlxhr = new XMLHttpRequest(); //To get the SignedURL from server side urlxhr.open('GET','http://localhost:8080/getsignedurl') urlxhr.send(); urlxhr.onreadystatechange = function(){ if (urlxhr.readyState == 4 && urlxhr.status == 200) { signedURL = urlxhr.responseText; var file = document.getElementById("myFile").files[0] var formData = new FormData(); formData.append('imageFile',file); var storageXhr = new XMLHttpRequest(); storageXhr.open('PUT',signedURL,true); storageXhr.onload = () => { if(storageXhr.status == 200){ alert("File Successfully Uploaded"); }else{ alert("Something went Wrong"); } }; storageXhr.onerror = () => { alert("An Error occured while Uploading file"); }; storageXhr.setRequestHeader('Content-Type',file.type); storageXhr.send(formData); } } }

 <!-- Uploading Directly to Cloud storage by AJAX Request --> <form action="#" method="put" onsubmit="uploadFile()"> <label>Select Your Team Logo</label> <input type="file" id="myFile" required="required"> <input type="submit" value="Upload File"> </form> </div>

Answer 1

看起来您正在尝试使用POST Object命令但使用PUT Object命令。 例如，您正在使用success_action_redirect ，这仅适用于 POST 对象命令。 PUT Object 命令不以这种方式接受表单数据。

您可以使用带有签名 URL 的 PUT 对象命令，但不能以这种方式使用。 相反，您将使用 JavaScript 来制作文件内容的上传。

如果您打算使用 HTML 表单，那么 POST 对象命令就是您想要的命令。 不过，签署这些请求的规则略有不同。 查看文档的“政策文档”部分： https : //cloud.google.com/storage/docs/xml-api/post-object#usage_and_examples

因此，要更改上面的示例，请将方法切换为POST ，添加由服务器制作的policy字段和Signature字段，与您现在签署请求的方式相同，然后将操作切换为 ' https://storage .googleapis.com/bucket_name '。