Safari 11.1: ajax/XHR form submission fails when input[type=file] is empty

有时候真不知道苹果都在做些什么。。这次safari的更新会导致 form在使用xhr提交的时候，如果表单里有<input type="file" />但没有选择文件，这时候表单就提交失败了，本文的标题就是stackoverflow上面的人提出的问题。

大部分奇技淫巧（或者说奇巧淫技）都是说，如果判断input type=file，如果length==0，即没有选择文件，就先将它disable掉，然后new FormData后，再将它恢复。

原文看这里，提供了两个解决方案，一个是用jquery的，一个是不用的：https://stackoverflow.com/questions/49614091/safari-11-1-ajax-xhr-form-submission-fails-when-inputtype-file-is-empty

用JQuery：

var $form = $('form')
var $inputs = $('input[type="file"]:not([disabled])', $form)
$inputs.each(function(_, input) {
if (input.files.length > 0) return
$(input).prop('disabled', true)
})
var formData = new FormData($form[0])
$inputs.prop('disabled', false)

不用：

var form = document.querySelector('form')
var inputs = form.querySelectorAll('input[type="file"]:not([disabled])')
inputs.forEach(function(input) {
if (input.files.length > 0) return
input.setAttribute('disabled', '')
})
var formData = new FormData(form)
inputs.forEach(function(input) {
input.removeAttribute('disabled')
})

为什么safari还不更新？？？？

更详细 更多的回复，直接看原文吧