Highcharts导出gb2312乱码问题

最新推荐文章于 2021-11-05 00:03:51 发布

weixin_30856725

最新推荐文章于 2021-11-05 00:03:51 发布

阅读量143

点赞数

CC 4.0 BY-SA版权

文章标签：后端 javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/ziye/p/3459290.html

本文介绍了解决Highcharts在导出时遇到的乱码问题的方法。通过前端使用encodeURIComponent编码，后端使用HttpUtility.UrlDecode解码，解决了gb2312编码环境下导出时的中文乱码问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Highcharts是utf-8编码的，其本地的.net导出环境也是utf-8格式的，导致网页如果采用gb2312编码，显示正常，导出就乱码了。这种现象也同样经常出现在ajax的使用过程中。

ajax中一般的解决办法就是将中文等非英文的字符进行escape编码，再由后端模拟unescape解码，以避免编码的问题。跟着这个思路修改以解决Highcharts的导出乱码问题。同时为了配合后端简化，我使用了encodeURIComponent去编码。

由于需要在提交之前进行编码，那么我们需要修改Highcharts的导出文件的源码，你需要慎重考虑下。

1.前端

我们修改js/modules/exporting.src.js中的Highcharts.post方法：

// add the data
for (name in data) {
	createElement('input', {
		type: HIDDEN,
		name: name,
		value: encodeURIComponent(data[name])//here we add escape for all value
	}, null, form);
}

修改上面的代码，在value的值前全部加上encodeURIComponent的编码方法。

2.后端

我们修改项目中的Exporter.cs，在class Exporter下增加下面的函数，并将接收的参数进行编码：

/// <summary>
/// Unescape for javascript escape. Return string;
/// </summary>
public static string UnEscape(string str)
{
    return HttpUtility.UrlDecode(str);
}

//在Exporter中我们同样要修改如下
//unescape all arguments
string extension;
fileName = UnEscape(fileName);
this.ContentType = UnEscape(type).ToLower();
this.Name = fileName;
this.Svg = UnEscape(svg);

保存，生成，将生成的dll文件覆盖现在使用的，再次导出基本上可以解决乱码的问题。