javascript - 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>

否则，表单不会发送数据，我在Ajax中更改data以发送随机信息并且有效，但如果发送文件则不起作用。我做错了什么？

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);
        }});