博客
关于我
解决文件上传返回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 接收数据时将 dataTypejson 改为 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/

    你可能感兴趣的文章
    Postgresql在Windows中使用pg_dump实现数据库(指定表)的导出与导入
    查看>>
    PostgreSQL在何处处理 sql查询之四
    查看>>
    postgresql基本使用
    查看>>
    PostgreSQL学习总结(10)—— PostgreSQL 数据库体系架构
    查看>>
    PostgreSQL学习总结(11)—— PostgreSQL 常用的高可用集群方案
    查看>>
    Qt开发——多线程网络时间客户端
    查看>>
    PostgreSQL学习总结(13)—— PostgreSQL 15.8 如何成就数据库性能王者?
    查看>>
    PostgreSQL学习总结(13)—— PostgreSQL 目录结构与配置文件 postgresql.conf 详解
    查看>>
    PostgreSQL学习总结(1)—— PostgreSQL 入门简介与安装
    查看>>
    PostgreSQL学习总结(2)—— PostgreSQL 语法
    查看>>
    PostgreSQL学习总结(3)—— PostgreSQL 数据类型
    查看>>
    Qt开发——圆面积计算器
    查看>>
    PostgreSQL学习总结(5)—— PostgreSQL table 创建与删除
    查看>>
    PostgreSQL学习总结(6)—— PostgreSQL 模式(SCHEMA)详解
    查看>>
    PostgreSQL学习总结(7)—— PostgreSQL 语句 INSERT INTO、SELECT、UPDATE、DELETE 等学习
    查看>>
    PostgreSQL学习总结(8)—— PostgreSQL 基于数据库和基于模式(schema)的多租户分析
    查看>>
    PostgreSQL学习总结(9)—— PostgreSQL 运算符与表达式
    查看>>
    PostGreSql学习笔记001---PostgreSQL10.4安装(Windows)_支持PostGreGis_PostJDBC
    查看>>
    PostGreSql学习笔记002---Navicat Premium中管理PostGreSql 错误:字段rolcatupdate 不存在
    查看>>
    PostgreSQL学习笔记:PostgreSQL vs MySQL
    查看>>