`
wenjinglian
  • 浏览: 821858 次
  • 性别: Icon_minigender_1
  • 来自: 株洲->深圳
社区版块
存档分类
最新评论

解决使用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(中文返回正常)抓包图:



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



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



firefox浏览器抓包图:

 


从图中可以对比看出来:出现乱码的的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

 

 

 

 

 

  • 大小: 43.5 KB
  • 大小: 56 KB
  • 大小: 47.5 KB
  • 大小: 33.7 KB
分享到:
评论

相关推荐

    jquery文件上传js:jquery.form.js

    《jQuery文件上传技术详解——基于jquery.form.js》 在Web开发中,文件上传是一项常见的功能,而jQuery作为JavaScript的一个强大库,提供了丰富的插件来简化这一过程。其中,`jquery.form.js`是一款专为文件上传...

    jquery form jquery.form.js

    在压缩包中,源代码位于`src/jquery.form.js`,而压缩包的`dist`目录下提供了压缩后的`jquery.form.js.min.js`,便于在生产环境中使用,减少加载时间。 二、核心功能 1. 异步提交:jQuery Form支持AJAX方式提交...

    JQuery.form表单提交参数详解.txt

    ### JQuery Form 插件中的 `ajaxForm()` 和 `ajaxSubmit()` 方法详解 #### 一、引言 在 Web 开发中,使用 AJAX 进行异步表单提交是一种常见的技术手段,它允许开发者无需重新加载整个页面即可提交数据并接收响应...

    使用jQuery.form插件,实现完美的表单异步提交

    在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。...无论是在简单的数据提交还是复杂的文件上传场景,jQuery.form插件都能成为你的得力助手。

    jquery.form.js

    其中,`jquery.form.js`是jQuery的一个重要插件,它扩展了jQuery的核心功能,使得表单的异步提交以及文件上传变得异常简单。本文将详细探讨`jquery.form.js`的使用方法、主要功能及其在实际项目中的应用。 一、`...

    jquery.form.js和使用说明

    文档`jquery表单验证插件_jquery.form.js.doc`应该包含了更详细的使用指南、示例代码以及常见问题解答。在实际应用中,开发者应仔细阅读这份文档,理解每个选项和方法的含义,以便更好地利用jQuery Form Plugin。 ...

    jquery.form.min.js

    jquery.form.min.js是一个异步提交表单的插件,使用该插件可以设置callback函数,并且页面不会跳转

    【springmvc+jquery.form.min.js+spring文件上传】

    在本项目"【springmvc+jquery.form.min.js+spring文件上传】"中,我们将探讨如何结合这两个技术实现异步文件上传。 首先,我们需要理解Spring MVC中的文件上传处理。Spring MVC提供了`@RequestParam("file") ...

    jquery.Mulltifile.js和jquery.form.js无刷新上传多个文件

    总的来说,"jquery.MultiFile.js"和"jquery.form.js"的组合使用,为Web开发者提供了一种高效、用户友好的多文件无刷新上传解决方案,极大地提升了用户的交互体验。在实际项目中,开发者可以根据具体需求对这两个库...

    Asp.Net MVC中jquery.form附件上传例子

    在Asp.Net MVC框架中,使用jQuery Form插件进行附件上传是一种常见的实践,它能够提供异步、非刷新的用户体验。jQuery Form插件是jQuery库的一个扩展,它使得表单提交变得更加灵活和易于控制,特别是在处理文件上传...

    jquery.form中文API

    jQuery.form.js是一个流行的jQuery插件,专门用于处理HTML表单的AJAX提交和管理表单数据。这个中文API是原始英文版本的翻译,方便中文使用者理解和应用。下面将详细介绍其中的关键知识点。 1. **ajaxForm**: - `...

    jquery.form.js(最新的)

    7. **跨域问题**:如果jQuery.form.js与Struts 1.x不在同一个域下,可能需要处理跨域问题。这可能涉及修改Struts的配置,或者在服务器端添加允许跨域的响应头。 8. **安全考虑**:使用AJAX提交时,务必考虑安全性,...

    jquery ajaxSubmit提交所用到的jquery.form.js

    在本主题中,我们重点关注的是jQuery的`ajaxSubmit`功能,它是通过`jquery.form.js`插件实现的,这个插件扩展了jQuery的核心功能,允许开发者更加便捷地处理表单提交。`jquery-1.4.2.min.js`是jQuery库的一个较早...

    thinkphp3.2.3+jquery.form.js上传单张图片或头像

    综上所述,"thinkphp3.2.3+jquery.form.js上传单张图片或头像"是一个综合运用了前端和后端技术的实例,它通过ThinkPHP的文件处理能力和jQuery.form.js的异步提交特性,提供了一种高效、友好的图片上传解决方案。...

    jquery.js+jquery.form.js 插件

    **jQuery.js 和 jQuery.form.js 插件详解** 在Web开发中,jQuery库是JavaScript的一个强大框架,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。标题提到的"jquery.js"指的是jQuery的核心库,而...

Global site tag (gtag.js) - Google Analytics