我在使用AjaxForm文件上传和应用程序引擎Blobstore时遇到了一些困难。我怀疑这是因为Blobstore上传处理程序(继承自blobstore_handlers.BlobstoreUploadHandler)强制要求重定向响应,而不是返回任何内容,但我不确定。我期望得到一个XML文档来处理,它似乎按预期到达了浏览器,但我无法获取它 - 详见以下细节。
我的应用程序引擎Blobstore上传处理程序如下 -
class UploadHandler(blobstore_handlers.BlobstoreUploadHandler):
def post(self):
upload_files = self.get_uploads('file') # 'file' is file upload field in the form
blob_info = upload_files[0]
entity_key = self.request.get("entityKey")
// Update a datastore entity with the blobkey (not shown)
// redirect to the uri for the updated entity
self.redirect('%s.xml' % entity_key)
最终重定向到我应用程序中返回XML文档的URI。查看服务器输出,没有任何迹象表明出现问题-服务于重定向,并返回预期的XML文档,具有正确的MIME类型-因此表单提交看起来良好,并且服务器对该提交的响应也很好。使用ajaxForm的我的客户端代码如下所示(抱歉它有点晦涩,但我认为问题不在这里)。// Create the form
var dialogForm = $("<form method='POST' enctype='multipart/form-data'>")
.append("<span>Upload File: </span><input type='file' name='file'/><br>")
.append("<input type='hidden' name='entityKey' value='" + entityKey + "'/>")
.append("<input type='hidden' name='entityField' value='image'/>")
.append("<input type='button' value='Wait...' disabled='disabled'/>");;
dialogForm.ajaxForm();
// Turn the form button into a nice jQuery UI button and add a click handler
$("input[type=button]", dialogForm[0]).button()
.click(function() {
log.info("Posting to : " + dialogForm.attr('action'));
dialogForm.ajaxSubmit({
success: function(responseText, statusText, xhr, $form) {
log.info("Response: " + responseText + ", statusText: " + statusText + ", xhr: " + goog.debug.expose(xhr) + ", form:" + goog.debug.expose($form));
}
});
});
我事后设置了表单上的“action”(并启用了按钮) -
$.get('/blob_upload_url', function(data) {
dialogForm.attr("action", data);
$("input[type=button]", dialogForm[0]).attr("value", "Upload").button("option", "disabled", false);
};
我也使用了一些Google Closure用于日志记录和对象公开。 一切看起来很好-预期它会正确地发布到服务器,并调用成功函数。 如果我在Chrome开发工具中查看文档结构,我可以看到暂时创建了iFrame来处理文件上传和响应。
问题在于我从未在响应中得到XML文档。 日志输出如下-
[ 18.642s] [Panel] Response: null, statusText: success, xhr: 0 = [object HTMLFormElement]
length = 1
selector =
jquery = 1.4.2, form:0 = [object HTMLFormElement]
length = 1
selector =
jquery = 1.4.2
Resource interpreted as document but transferred with MIME type application/xml [ABCdefGH]
Chrome对MIME类型的抱怨可能非常相关,但是我没有建立联系 :) - 至少这意味着它在某个时候得到了XML文档。在Chrome资源视图中,您可以看到POST请求,以及响应是302重定向,然后是随后的GET请求 - 其标头看起来很好 -
Request URL:http://localhost:8081/_ah/upload/ABCdefGH
Request Method:GET
Status Code:200 OK
Request Headers
Referer:http://localhost:8081/
User-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_4; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.70 Safari/533.4
Response Headers
Cache-Control:no-cache
Content-Length:2325
Content-Type:application/xml
Date:Sun, 20 Jun 2010 20:47:39 GMT
Expires:Fri, 01 Jan 1990 00:00:00 GMT
Server:Development/1.0
Chrome的资源视图无法显示该文档的内容(只是空白),但Firefox可以,而且xml文档看起来很好。然而,Firefox也会得到同样的结果-null用于ajaxSubmit()的responseText。
我想我可能只是在某个地方犯了脑抽,但这真的让我困惑了。任何获取xml文档的指针都将是极好的-谢谢,
科林