IE 尝试在提交包含文件的 jQuery 多部分表单数据时下载 json 响应

html
<form id="myForm" action="upload.php" method="post" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" value="提交">
</form>

Javascript
$('#myForm').submit(function(e) {
  e.preventDefault(); // 阻止表单默认提交行为
  var formData = new FormData(this); // 创建FormData对象
  $.Ajax({
    url: $(this).attr('action'), // 表单的action属性
    type: $(this).attr('method'), // 表单的method属性
    data: formData, // 表单数据
    processData: false,
    contentType: false,
    success: function(response) {
      // 处理服务器返回的JSON响应
      console.log(response);
      // 在这里可以进行其他操作，如显示响应数据、更新页面等
    }
  });
});

Javascript
success: function(response) {
  var data = JSON.parse(response); // 解析JSON响应
  // 显示响应数据
  console.log(data);
  console.log(data.name);
  console.log(data.url);
}

Javascript
success: function(response) {
  var blob = new Blob([response], { type: 'application/JSon' }); // 创建Blob对象
  var url = URL.createObjectURL(blob); // 创建下载链接
  // 创建下载链接的<a>元素
  var link = document.createElement('a');
  link.href = url;
  link.download = 'response.JSon';
  link.style.display = 'none';
  document.body.appendChild(link); // 添加<a>元素到页面
  link.click(); // 模拟点击下载链接
  document.body.removeChild(link); // 移除<a>元素
  URL.revokeObjectURL(url); // 释放URL对象
}