JQuery AJAX 相当于表单的提交文件

Question

我有一个表单，比如这个

<form id="picuploadform" enctype="multipart/form-data" method="post" action="">
    <div class="row">
      <label for="fileToUpload">Select a File to Upload</label><br />
      <input type="file" name="fileToUpload" id="fileToUpload" /> 
     <input type="hidden" id = "picssn" name="picssn" value="qweweqwq">
    </div>
    <div class="row" style="width:150px;">
   <input type="submit"  value="Upload" />
    </div>
  </form>

当我点击提交按钮时，我在这个页面上有PHP来处理它$_用于接收文件的FILES和用于读取隐藏输入附带的picssn的$_POST。但由于Jquery mobile的问题，我现在不能使用submit或.submit（）。所以我想使用

$.post('myphpfile.php', {picssn:$('#picssn').value(), file: $('#fileToUpload').xxxxxxxxxxxxxxxxx  }); 

相反。但我不知道如何从表格中提取文件并以这种方式发送。有什么方法可以取代xxxxxxxxxxxxxx吗？谢谢

Answer 1

在表单元素上，您需要禁用ajax提交，然后修复其他代码。试试这个：

<form id="picuploadform" enctype="multipart/form-data" method="post" action="#" data-ajax="false">
    <div class="row">
      <label for="fileToUpload">Select a File to Upload</label><br />
      <input type="file" name="fileToUpload" id="fileToUpload" /> 
     <input type="hidden" id = "picssn" name="picssn" value="qweweqwq">
    </div>
    <div class="row" style="width:150px;">
   <input type="submit"  value="Upload" />
    </div>
  </form>

Answer 2

您不能直接通过ajax上传。也许可以检查一下：http://blueimp.github.com/jQuery-File-Upload/或uploadify.com