解决BootStrap Table表格中含中文时点击导出数据无响应的问题(Uncaught INVALID_CHARACTER_ERR: DOM Exception 5)
2017-08-16 12:19
846 查看
今天在使用bootstrap table中的数据导出功能时,遇到一个奇怪的问题,在使用测试数据进行测试的时候可以正常的将表格中的数据导出到excel、txt等文件中,但当将表格应用到web项目中时,当点击导出时始终没有任何响应。讲过一番调试排查后,最终发现是由于表格数据中含有中文导致的,在网页的开发者选项中报一个 Uncaught INVALID_CHARACTER_ERR: DOM Exception 5 问题。这个问题是由于BootStrap table 默认不支持中文,只会识别 ASCII字符,为了让bootstrap table 识别出中文,我们需要扩展版的 jQuery.base64.js 插件,让其可以识别出unicode 字符。
解决该问题的方法时,将默认的jquery.base64.js 文件内容替换成下面提供的扩展版:
替换完成后,表格便可以支持中文的导出啦。
解决该问题的方法时,将默认的jquery.base64.js 文件内容替换成下面提供的扩展版:
jQuery.base64 = (function($) { // private property var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // private method for UTF-8 encoding function utf8Encode(string) { string = string.replace(/\r\n/g,"\n"); var utftext = ""; for (var n = 0; n < string.length; n++) { var c = string.charCodeAt(n); if (c < 128) { utftext += String.f 4000 romCharCode(c); } else if((c > 127) && (c < 2048)) { utftext += String.fromCharCode((c >> 6) | 192); utftext += String.fromCharCode((c & 63) | 128); } else { utftext += String.fromCharCode((c >> 12) | 224); utftext += String.fromCharCode(((c >> 6) & 63) | 128); utftext += String.fromCharCode((c & 63) | 128); } } return utftext; } function encode(input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = utf8Encode(input); while (i < input.length) { chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64; } else if (isNaN(chr3)) { enc4 = 64; } output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) + keyStr.charAt(enc3) + keyStr.charAt(enc4); } return output; } return { encode: function (str) { return encode(str); } }; }(jQuery));
替换完成后,表格便可以支持中文的导出啦。
相关文章推荐
- 解决BootStrap Table表格中含中文时点击导出数据无响应的问题(Uncaught INVALID_CHARACTER_ERR: DOM Exception 5)
- 解决BootStrap Table表格中含中文时点击导出数据无响应的问题(Uncaught INVALID_CHARACTER_ERR: DOM Exception 5)
- 解决BootStrap Table表格中含中文时点击导出数据无响应的问题(Uncaught INVALID_CHARACTER_ERR: DOM Exception 5)
- PHP从数据库导出数据到excel,无插件(解决中文以及法语乱码问题)
- 关于Chrome中JS的Uncaught Error: NOT_FOUND_ERR: DOM Exception 8问题
- uncaught exception: INVALID_CHARACTER_ERR: DOM Exception 5
- Html 中表格导出生成excel文件,解决中文导出失败问题。
- mysql导入导出数据中文乱码解决方法小结(1、navicat导入问题已解决,创建连接后修改连接属性,选择高级->将使用Mysql字符集复选框去掉,下拉框选择GBK->导入sql文件OK;2、phpmyadmin显示乱码的问题也解决,两步:1.将sql文件以utf8的字符集编码另存,2.将文件中sql语句中的字段字符集编码改成utf8,导入OK)
- SAXParseException An invalid XML character 问题的解决
- DOM Exception 12: An invalid or illegal string was specified问题解决办法:
- 运行Jmeter时,响应数据中文乱码问题解决办法
- sl3中的DataGrid中的数据导出到Excel中 使用csv格式 解决中文是乱码的问题
- firefox下在FF下发生uncaught exception: String contains an invalid character(NS_ERROR_DOM_INVALID_CHARACTER_ERR)错误的解决办法
- 解决jemeter做接口测试时响应数据中文显示为乱码或者Unicode码的问题
- 解决weebox的一个Bug(IE9下exception : SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5))
- bootstrap-table的导出数据功能的使用,以及导出中文时无效的问题(点击无效)。
- SAXParseException An invalid XML character 问题的解决
- js把数据导出成excel的中文乱码问题解决
- 运行Jmeter时,响应数据中文乱码问题解决办法
- JQuery Plugin-TableExport实现前端表格的导出功能(已解决表格pdf导出中文格式问题)