safari表单提交卡死主因是空file字段处理异常、submit按钮type属性干扰及渲染竞态；需校验files.length再append、移除type="submit"、用settimeout延迟submit，并禁用手动设置content-type。
当你在Safari浏览器中点击“提交”按钮后页面卡住、按钮变灰、控制台无报错、网络面板里看不到任何请求发出，问题极大概率出在空文件字段处理异常、submit按钮type属性干扰或渲染竞态上，而非后端响应慢。
检查并清理空file字段的干扰
若表单含type="file"字段（如头像上传、附件），且用户未重新选择文件，Safari会将该字段视为长度为0的FileList，但不会设为null——这会导致FormData.append()内部卡死，请求根本发不出去。
在JavaScript提交逻辑中，必须先判断file字段是否为空再决定是否追加：
const fileInput = document.getElementById('avatar-upload');<br>const files = fileInput.files;<br>if (files.length > 0) { formData.append('avatar', files[0]); }
【必须删除原生submit按钮的type="submit"属性】，否则即使JS里写了preventDefault()，Safari仍可能在事件循环中提前触发导航，跳过后续逻辑执行，造成“点了没反应”的假象。
强制延迟表单提交以规避渲染竞态
Safari桌面版在onclick触发后会优先执行表单默认提交动作，常导致加载动画来不及渲染就被页面跳转中断，看起来就像卡死。
第一步：把提交按钮改为<button id="submit-btn">提交</button>，移除所有自动提交能力；
第二步：为按钮绑定click事件，在其中先显示加载指示器；
第三步：用setTimeout包裹表单submit()调用，延迟至少16ms（一个渲染帧）：
document.getElementById('submit-btn').addEventListener('click', () => {<br> document.getElementById('loader').style.display = 'block';<br> setTimeout(() => document.getElementById('myform').submit(), 16);<br>});
禁用内容拦截扩展与实验性功能
广告屏蔽类扩展常劫持form.submit()方法，而Safari近期启用的某些实验性上传API反而会卡死表单序列化流程。
方法一：临时禁用所有第三方扩展
macOS：Safari菜单栏 → “Safari” → “偏好设置” → “扩展” → 点击左下角【全部停用】；
iOS/iPadOS：“设置” → “Safari浏览器” → “扩展”，关闭AdGuard、1Blocker等非系统自带插件。
方法二：关闭实验性上传通道
地址栏输入safari://develop回车 → 点击顶部“实验性功能” → 向下滚动找到“Use legacy file upload API”，【务必取消勾选】（新版WebKit对大型表单序列化更稳定，勾选反而触发内存校验失败）。
验证并修正Content-Type与请求头匹配性
方法一：纯表单提交（无JS干预）
确保<form></form>标签method="post"且无onsubmit="return false"类拦截；Safari对原生提交的Content-Type推导更稳定，不会因手动设置application/json而失败。
方法二：AJAX提交时禁用手动设置Content-Type
使用FormData对象时，切勿主动设置headers['Content-Type']——让浏览器自动生成带boundary的multipart/form-data头；否则请求会被静默拒绝。
