Ajax не отправлять файл

Question

Я пытаюсь найти решение в Ajax, чтобы отправить файл, когда пользователь отправляет файл, и автоматически загружать его при изменении статуса

Код

<script>
function filePassSelected() {
    var data = $('frmpass')[0];
    var formData = new FormData(data);
    alert (formData);
        $.ajax({
        url: "upload.php",
        type: "POST",
        data: formData,
        success:function(data){
            $('#verdoc').html(data);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert(textStatus, errorThrown);
        }
    });
};
</script>
<form action="upload.php" method="post" enctype="multipart/form-data" id="frmpass">
  <label for="fileToUploadPass" class="btn" id="labelfilesid">
    <div class="buttonfile" style="margin:auto">National ID</div>
  </label>
  <input id="fileToUploadPass" style="visibility:hidden;" type="file" name="fileToUploadPass" onchange="filePassSelected()">
</form>
<div id="verdoc"></div>

В противном случае форма не отправляет data, я изменяю data в Ajax для отправки случайной информации и работает, но если отправить файл не работает. Что я делаю не так?

Answer 1

добавить contentType и processData как false

 $.ajax({
        url: "upload.php",
        type: "POST",
        processData: false,
        contentType: false,
        data: formData,
        success:function(data){
            $('#verdoc').html(data);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert(textStatus, errorThrown);
        }});