有时候真不知道苹果都在做些什么。。这次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:
JavaScript代码
- 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)
不用:
JavaScript代码
- 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还不更新????
更详细 更多的回复,直接看原文吧