解决使用jquery.form ajaxSubmit文件上传,返回中文乱码问题

使用jquery.form ajaxSubmit文件上传,遇到一个很奇怪的问题,chrome浏览器、firefox浏览器都表现正常,就部分同事IE8浏览器出现乱码

 

后台代码检查了一下与前几个项目都一样,调试了一下最后response.write 出来的时候中文显示也是正常。 

按照网上的说法:文件格式UTF-8过滤器也是UTF-8格式过滤

jsp也加上了以下代码

 

<%@ page language="java"  contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

 

后台代码不会有问题而且只有部分同事的IE8出现乱码(当时真的很郁闷),后来想难道是IE的问题。


通过http请求抓包得到了结论:的确IE浏览器与其它浏览器有区别.

下面同一请求不同浏览器的抓包图:

 

本机IE8(中文返回正常)抓包图:


解决使用jquery.form ajaxSubmit文件上传,返回中文乱码问题_第1张图片


同事IE8 抓包图 (中文返回乱码):


解决使用jquery.form ajaxSubmit文件上传,返回中文乱码问题_第2张图片


chrome浏览器抓包图 (中文返回正常) :


解决使用jquery.form ajaxSubmit文件上传,返回中文乱码问题_第3张图片


firefox浏览器抓包图:

 


解决使用jquery.form ajaxSubmit文件上传,返回中文乱码问题_第4张图片

从图中可以对比看出来:出现乱码的的IE响应头信息中根本没有带有编码格式,没有编码格式浏览器就按照当前系统编码格式进行编码

 

最后在后台代码中加入前台编码格式才解决问题,代码如下:

 

//设置编码
this.getResponse.setContentType("text/text;charset=UTF-8");
//输出到浏览器
this.getResponse().getOutputStream().write(str.getBytes("UTF-8"));

 

具体也搞不清,IE为什么这么特别!!!

 

有关web显示编码请参考文章:http://nassir.iteye.com/blog/1607536

 

解决代码参考:http://blog.csdn.net/wjc1000/article/details/7692634

 

 

 

 

 

你可能感兴趣的:(Web,乱码)