如何上传多个文件到BlobStore？

Question

我正在尝试将表单中的多个文件上传到 BlobStore。

表单：

<form action="{{upload_url}}" method="POST" enctype="multipart/form-data">
  <label>Key Name</label><input type="text" name="key_name" size="50"><br/>
  <label>name</label><input type="text" name="name" size="50"><br/>
  <label>image</label><input type="file" name="image" size="50"><br/> 
  <label>thumb</label><input type="file" name="thumb" size="50"><br/> 
  <input type="submit" name="submit" value="Submit">
</form>

然后我尝试为每个上传的文件获取 BlobInfo 对象：

def post(self):
    image_upload_files = self.get_uploads('image') 
    thumb_upload_files = self.get_uploads('thumb') 
    image_blob_info = image_upload_files[0]
    thumb_blob_info = thumb_upload_files[0]

我看到一些奇怪的行为。这两个文件都将其放入 BlobStore，但我不知道如何获取密钥以便将它们存储在另一个实体上。上面的代码成功获取了 image_blob_info 的密钥，但没有获取到thumb_blob_info 的密钥。我不明白如何使用 get_uploads。我想通过表单传递多个文件，然后按名称获取它们，以便我可以将它们存储在另一个实体上适当的 BlobReferenceProperties 中。

Answer 1

每个文件都需要自己唯一的上传 url，所以我猜测当所有三个文件都发布到同一个 url 时，会发生一些奇怪的事情。

Nick Johnson 的博客文章中描述了支持多个文件上传的最佳解决方案：

http://blog.notdot.net/2010/04/Implementing-a-dropbox-service-with-the-Blobstore-API-part-3 -多重上传支持

Answer 2

您可以将文件发布到相同的名称，后跟 []，这将发布一个数组：

<form action="{{upload_url}}" method="POST" enctype="multipart/form-data">
  <label>Key Name</label><input type="text" name="key_name" size="50"><br/>
  <label>name</label><input type="text" name="files[]" size="50"><br/>
  <label>image</label><input type="file" name="files[]" size="50"><br/> 
  <label>thumb</label><input type="file" name="thumb" size="50"><br/> 
  <input type="submit" name="submit" value="Submit">
</form>

然后在您的表单处理程序中，您可以像这样（取决于您的 Web 框架）：

for uploaded_file in request.FILES.getlist('files'):
    #do something with uploaded_file

Answer 3

使用最新版本的 plupload，我能够通过这段代码让 UploadQueue 与 GAE 一起使用。请注意，它是 CoffeeScript，但如果您确实需要，应该很容易转换回 JavaScript。它假设您从服务器返回一些 json 作为 {url:"gae generated url"}

    $("#fileUploader").pluploadQueue
        runtimes : 'html5,html4'
        use_query_string : false
        max_file_size : '3mb'
        multipart: true
        unique_names : true
        multiple_queues : true
        filters : [{title : "Image files", extensions : "jpg,gif,png"}]
        preinit:
            UploadFile: (up, file) ->
                $.ajax
                    url: '/api/upload/url'
                    async: false
                    success: (data) ->
                        up.settings.url = data.url