解决文件上传返回JSON数据,在IE下提示下载文件（ie8，9）-白红宇

解决文件上传返回JSON数据,在IE下提示下载文件（ie8，9）

阅读量：653 次

发布时间：2019-03-15

本文共 905 字，大约阅读时间需要 3 分钟。

当使用 <input type="file"> 或 jQuery.fileUpload 插件进行文件上传时，IE8 浏览器在处理支持 XMLHTTPRequest 的文件上传时会直接使用 AJAX 方法上传文件，但对于不支持 XMLHTTPRequest 的浏览器（例如 IE8），会使用 iframe 外伦程来进行文件上传。在这种情况下，后台服务返回 JSON 对象时，IE8 会误以为这是要下载的文件 content，并自动弹出下载提示框。

解决思路

为了修复这个问题，我们可以采取以下方法：

在服务端返回 JSON 字符串而不是对象

比如，将后台的返回结果改为 return Json("{ state: 1, msg: '' }") ，改为 return Content(" { state: 1, msg: '' }")。然后，前台使用 AJAX 接收数据时将 dataType 从 json 改为 text，这样一来，数据会以字符串形式返回，IE8 不会再误以为是要下载文件。

在响应头中指定 Content-Type 为 "text/html"

即使返回 JSON 对象，也可以在后台设置响应头的 Content-Type: text/html，这样 IE8 会将其视为 HTML 内容，而不是 JSON 文件，避免弹出下载提示框。

解决方案

方案一：

在服务端返回 JSON 字串，而不是 JSON 对象。前台可以在接收到设备后，将其转换为 JSON 对象进行处理。例如：

var data = $.ajax({    url: '/upload',    type: 'POST',    dataType: 'text'}).responseText;var jsonObject = JSON.parse(data);

方案二：

在服务端返回 JSON 对象时，将响应头的 Content-Type 设置为 text/html。这样 IE8 会将其视为页面内容，而不是下载文件。前台不需要做任何修改。

通过这些方法，可以解决 IE8 弹出下载提示框的问题，确保文件上传过程中的体验一致性。

转载地址：http://qbjmz.baihongyu.com/

你可能感兴趣的文章