爲什麼輸入類型=文件中的更改沒有用'form.serialzie（）'標識'

Question

我正在檢查form中的值是否在提交更新前已更改。 form內的所有其他控件（如果已更改）均已識別，但 不是input type=file控件。以下是我正在嘗試的示例，如果您嘗試提交form有或沒​​有上傳文件，則迴應是其未更改。爲什麼這種行爲只有input type=file？爲什麼input type=file的變化未被識別？

var form_serialize = ""; 
 
$(function() { 
 
    form_serialize = $("#frmProfile").serialize(); 
 
}) 
 

 
$('.submit').on('click', function(e) { 
 
    e.preventDefault(); 
 
    var isChanged = $("#frmProfile").serialize() == form_serialize ? false : true; 
 
    if (isChanged) 
 
    $('body').append('changed'); 
 
    else 
 
    $('body').append('Not changed'); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="frmProfile"> 
 
    <input type="file" /> 
 
    <input type="submit" class="submit" value="Submit" /> 
 
</form>

Answer 1

作爲每serialize()

數據從文件的文件選擇元件未被序列。

相反，你可以使用jQuery ajaxForm plugin支持。

或者你可以使用FormData對象，參考以下這些問題：Jquery/Ajax Form Submission (enctype="multipart/form-data"). Why does 'contentType:False' cause undefined index in PHP?，Sending multipart/formdata with jQuery.ajax