FFで作業していないAJAXはChromeでうまく動作します

Question

ボタンクリックでPHPとAJAXを使用してサーバーにドキュメントをアップロードしています。私はフォームデータを収集し、そのオブジェクトをファイルデータに追加し、AJAX経由でupload.php関数に渡します。このコードはChromeでうまく機能しますが、FFで同じ効果が得られません。コードが添付されています。問題の可能な解決策は何ですか？

$(document).on('click', '#uploadDocument', function() 
{ 
    var formData = new FormData(); 
    formData.append('fileToUpload', $("#fileToUpload").prop("files")[0]); 

    $.ajax({ 
     url: 'upload.php', 
     dataType: 'text', 
     cache: false, 
     contentType: false, 
     processData: false, 
     data: formData, 
     type: 'post', 
     success: function (status){ 
     if(status == 'File Uploaded') 
     { 
      $('#listTable').load('showList.php'); 
     } 
     else 
     {} 
     } 
    }); 
}); 

Answer 1

これはフォームの既定の動作の可能性が高いため、これを防止する必要があります。あなたのonclick関数にイベントを渡して、関数の最初の行にを使用してください。