使用 AngularJS 多部分表单数据将文件上传到 Google Cloud Storage答案

【问题标题】：Upload file to Google Cloud Storage using AngularJS multipart form data使用 AngularJS 多部分表单数据将文件上传到 Google Cloud Storage
【发布时间】：2015-03-13 07:16:16
【问题描述】：

我正在尝试使用https://cloud.google.com/storage/docs/json_api/v1/how-tos/upload#multipart 中指定的多部分方法将图像文件从 AngularJS 上传到 Google Cloud Storage

我在服务器端生成一个“授权”标头令牌并将其用于身份验证。通过将图像附加到“二进制”字段中，我可以使用邮递员 (https://chrome.google.com/webstore/detail/postman-rest-client/fdmmgilgnpjigdojojpjoooidkmcomcm?hl=en) 成功上传图像。

我一直在使用这个 jsfiddle.net/JeJenny/ZG9re/ fiddle 尝试手动上传，但它返回了 400 错误请求错误，我检查了所有标头字段，它们似乎都很好。

我想知道是否有人有使用 AngularJS 将图像上传到 Google Cloud Storage 的经验。

谢谢

【问题讨论】：

标签： javascript angularjs google-app-engine file-upload

【解决方案1】：

我已经通过 BlobStore 成功地使用 AngularJS 上传文件。创建上传 URL 时，您可以设置 Cloud Storage 存储分区名称。这是一个 Java 示例：

String uploadUrl = BlobstoreServiceFactory.getBlobstoreService()
   .createUploadUrl("callback-path",
      UploadOptions.Builder.withGoogleStorageBucketName("bucket-name"));

上传成功后，你的回调 URL 被调用，你可以得到 blob 的名字。

【讨论】：