本文共 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/