解决value为“&#x;”的字体编码提交为空问题（转码UNICODE）

最新推荐文章于 2024-05-26 09:35:48 发布

豆趣编程

最新推荐文章于 2024-05-26 09:35:48 发布

阅读量2.1k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/lianzhang861/article/details/84764137

版权

前端专栏收录该内容

61 篇文章 6 订阅

订阅专栏

最近使用HUI里面的图标

每个图标都是由类似“”的编码完成的，需要hui里面的字体文件解码才能显示成为图标。但是我将“”赋值给input想提交到后台出现了问题，每次取到的value成了方框，传到后台显示为空

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js">
			
		</script>
	</head>
	<body>
		<input type="text"  value="&#xe61d;"/>
	</body>
	<script type="text/javascript">
		var v=$("input").val();
		console.log(v)
	</script>
</html>

所以传类似“”值时需要特殊处理一下。

解决办法：

常在一些网站源码中看到&#x开头的内容，这是转化成unicode编码后的汉字，我找到了一种将这种编码转换成汉字的方法，记录在这里以便有人使用。将下面的代码复制出来保存成html格式，使用浏览器打开就可以使用了。

<html>
<head>
<title>GB2312 UNICODE转换工具</title>
<div align=center>
<center>
<table border=0 cellpadding=0 cellspacing=0 style="border-collapse: collapse" width=600 id=AutoNumber1 height=26>
  <tr>
    <td width=100% height=26>
    <p align=center><font face=黑体 size=5 color=#FF0000>GB2312 UNICODE 转换工具</font></p>
    <p>使用方法：</p>
    <p>　　在下面的文本框中输入中文文字，按“TO UNICODE”，即可将其转化为UNICODE字符。</p>
    <p>　　再按“TO GB2312”，即可将其还原为简体中文。</td>
  </tr>
</table>
</center>
</div>
<p align=center>
<textarea cols=82 rows=10 id=code>
</textarea> </p>
<p align=center>
 
<input type=button onclick=encode(code,this) value="TO UNICODE">
<script>
var mode="zhuan";
function encode(obj,btn){
   if(mode=="zhuan"){
       obj.value=obj.value.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"&#x$2;")});
       btn.value="TO GB2312";
       mode="huan";
   }else{
       obj.value=unescape(obj.value.replace(/&#x/g,'%u').replace(/;/g,''));
       btn.value="TO UNICODE";
       mode="zhuan";
   }
}
</script></p>
</body></html>

以上方法可以使字体在中文和编码之间转换

用到我的input中可以这样：

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js">
			
		</script>
	</head>
	<body>
		<input type="text"  value="&#xe61d;"/>
	</body>
	<script type="text/javascript">
		var v=$("input").val();
		var a=v.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"&#x$2;")});
		console.log(a)
	</script>
</html>

这样虽然浏览器还是显示方框，但是打印出来的转换后的值就是input value的值，再使用这个值传到后台就可以了

豆趣编程

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
解决value为“&#x;”的字体编码提交为空问题（转码UNICODE）

最近使用HUI里面的图标每个图标都是由类似“&amp;#xe604;”的编码完成的，需要hui里面的字体文件解码才能显示成为图标。但是我将“&amp;#xe604;”赋值给input想提交到后台出现了问题，每次取到的value成了方框，传到后台显示为空&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;tit...
复制链接

扫一扫