1

我正在尝试创建一个 JQuery Mobile 页面，该页面将视频以及相关标题、描述等上传到 Google App Engine Blobstore。

这是表单的 HTML。

<form class="form-horizontal" action="{{ upload_url }}" method="POST" enctype="multipart/form-data" data-ajax="false">
  <input type="text" name="title" placeholder="Title" id="basic" value="" data-ajax="false" />
  <input type="text" name="description" placeholder="Description" id="basic" value="" data-ajax="false" />
  <input type="file" data-ajax="false" name="file" id="file">
  <input type="submit" value="Submit" name="sumbit" data-theme="b" data-ajax="false">
</form>

HTML 是使用此代码在 Google App Engine 中生成的。

class MobileUploadPage(webapp2.RequestHandler):
  def get(self):
    upload_url = blobstore.create_upload_url('/uploadvideo')
    template_values = {
      'upload_url': upload_url,
    }

    template = JINJA_ENVIRONMENT.get_template('mobileUpload.html')
    self.response.write(template.render(template_values))

您看到的作为表单操作的上传 URL 是由 blobstore 使用以下处理程序生成的。

class UploadHandler(blobstore_handlers.BlobstoreUploadHandler):
  def post(self):
  upload = self.get_uploads()[0]
  video = Videos(content=upload.key())
  video.title = self.request.get('title')
  video.description = self.request.get('description')
  video.ratingDown = 0
  video.ratingUp = 0
  video.creator = users.get_current_user().nickname()
  uniuqeIDFound = False
  newID = random.randint(1000,9999)
  while(uniuqeIDFound == False):
    vids = db.GqlQuery("SELECT * "
                       "FROM Videos ")

    uniuqeIDFound = True
    for v in vids:
      if (v.videoID == newID):
        newID = random.randint(1,10000)
        uniuqeIDFound = False
  video.videoID = newID
  db.put(video)
  self.redirect('/home')

上传 URL 已正确生成并显示在页面上。在我们网站的浏览器版本上，它运行良好。但是，当尝试通过此 JQM 移动页面将 iPhone 上的视频上传到 blobstore 时，表单不会提交。

在 JQM 文档中，它说带有文件的多部分表单输入不适用于 AJAX，因此您应该将 data-ajax=false 标记添加到父表单。我已经这样做了，但它似乎没有帮助。

谁能明白为什么？

4

1 回答 1

0

你有没有尝试过：

$.mobile.ajaxEnabled = false;

或者

$.mobile.ajaxFormsEnabled = false;

您还可以查看特定的文件上传插件：

http://www.plupload.com/example_queuewidget.php

或者

https://github.com/filamentgroup/jQuery-Custom-File-Input

于 2013-05-14T23:09:27.503 回答