java - 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 的白色页面)。

我没有达到我想要的结果。我的代码中缺少什么？云存储的 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 命令不接受这种方式的表单数据。

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

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

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