手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2018年04月20日的文章

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:
JavaScript代码
  1. var $form = $('form')  
  2. var $inputs = $('input[type="file"]:not([disabled])', $form)  
  3. $inputs.each(function(_, input) {  
  4.   if (input.files.length > 0) return  
  5.   $(input).prop('disabled'true)  
  6. })  
  7. var formData = new FormData($form[0])  
  8. $inputs.prop('disabled'false)  
 
 
不用:
JavaScript代码
  1. var form = document.querySelector('form')  
  2. var inputs = form.querySelectorAll('input[type="file"]:not([disabled])')  
  3. inputs.forEach(function(input) {  
  4.   if (input.files.length > 0) return  
  5.   input.setAttribute('disabled''')  
  6. })  
  7. var formData = new FormData(form)  
  8. inputs.forEach(function(input) {  
  9.   input.removeAttribute('disabled')  
  10. })  
 
为什么safari还不更新????
更详细 更多的回复,直接看原文吧