jquery - JQuery1.8.0：AJAXを介してフォームからファイルを送信する

Question

私はCakePHPで開発し、最初はこの問題はCakeに関連していると思っていました。そうではありませんでした。受け取った回答をより広く適用できるように、質問を書き直しました

フォームがあります

  <form action"">
      <fieldset> 
      <!---- bunch of fields----->
      <input type="file" name="data[Upload][file]" id="UploadFile">
      <button id="ajaxUploadSubmit"> Submit </button>
      </fieldset>
  </form>

そして、私が書いた送信関数は次のようになります。

$( "#ajaxUploadSubmit" ).click(function() {
                $.ajax({
                    url:"uploads/add",
                    data: $( "#UploadsAddForm" ).serialize()
                }).done(function(responseText) {
                    alert(responseText);
                  })
                 .fail(function() {
                     alert('failxors');
                  })
                });

ただし、この行は空の配列を返します$this->request->data。

Answer 1

この回答を追加するだけなので、この質問は回答済みとしてマークできます。実際、thaJeztah は Jai の回答の 3 番目のコメントでこれに回答しました 。

Answer 2

フォームの送信を停止していないと思います：

$( "#ajaxUploadSubmit" ).click(function(e) {
      e.preventDefault();

click試す代わりにsubmit：

これを変更してみてください：

$( "#ajaxUploadSubmit" ).click(function() {

これに：

$(".form").submit(function(e) {
    e.preventDefault();