首页 > 其他分享 >16进制转换为字符串---JS

16进制转换为字符串---JS

时间:2023-01-09 16:36:30浏览次数:32  
标签:trimedStr encoding 16 JS --- substr file var

<html>
<body>

<script type="text/javascript">

    function myFunction(){
        var x=document.getElementById("fname");
		  var file=document.getElementById("file");
       file.innerText=hexToStr(x.value,"utf-8");
     }


 function hexToStr(hex,encoding) {
  var trimedStr = hex.trim();
  var rawStr = trimedStr.substr(0, 2).toLowerCase() === "0x" ? trimedStr.substr(2) : trimedStr;
  var len = rawStr.length;
  if (len % 2 !== 0) {
    //alert("Illegal Format ASCII Code!");
    //return "";
  }
  var curCharCode;
  var resultStr = [];
  for (var i = 0; i < len; i = i + 2) {
    curCharCode = parseInt(rawStr.substr(i, 2), 16);
    resultStr.push(curCharCode);
  }
  // encoding为空时默认为utf-8
  var bytesView = new Uint8Array(resultStr);
  var str = new TextDecoder(encoding).decode(bytesView);
  return str;
}
</script>

<form>





输入16进制:<br>
<textarea type="text" id="fname" onchange="myFunction()"></textarea>



</form> 
转换为字符串:<br>
<p id="file"></p>


</body>
</html>

标签:trimedStr,encoding,16,JS,---,substr,file,var
From: https://www.cnblogs.com/yyd-sun/p/17037413.html

相关文章

  • 【Web技术】353- CDN 科普
    一、概述1.1含义CDN的全称是ContentDeliveryNetwork,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分......
  • [VueJsDev] 基础知识 - Node.js常用函数
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlNode.js常用函数总结常用node函数用的ESM模块。//package.json"type":"module......
  • MySQL23 - SQL优化
    SQL优化插入数据批量插入插入多条数据时,执行批量插入,但批量插入也不建议插入超过1k条几百万数据时,多次批量插入INSERTINTOtable_nameVALUES(..)(..)(........
  • 优秀文章链接 ---持续更新中!!!!!
    站在巨人的肩膀上感谢各位前辈​​快速失败与安全失败​​​​深入图解AQS实现原理和源码分析​​​​Synchronized底层实现​​数据库MYSQL​​MySQL江湖路{系列}​​​......
  • [VueJsDev] 基础知识 - Button的全局节流
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlButton的全局节流:::details目录目录Button的全局节流Step.1:注册函数Step.2:局部......
  • [VueJsDev] 基础知识 - asyncTool.js异步执行工具
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlasyncTool.js异步执行工具:::details目录目录asyncTool.js异步执行工具Step.1:getA......
  • 【每周小回顾】9- 一起回顾上周精彩内容
     日期:2019/10/14-2019/10/20 在上周,【前端自习课】与大家分享了7篇文章,主要以介绍知识为主,其中分享了我自己整理的《Webpack4入门手册》和《CSS实现宽高等比自适应......
  • AZ-500 Lab-configure a lock for the app service plan
    由于微软Azure平台界面一直都在变,所以通过考试的关键,是真正理解lab题要表达的意思,不要死记硬背。SIMULATION-Youneedtopreventadministratorsfromperformingacciden......
  • [VueJsDev] 其他知识 - 单词本
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.html单词本z这里的单词就是很随性的记忆,来源有生活中能见到的,或者抖音见到的等等~~:::detai......
  • [VueJsDev] 其他知识 - NestJS 学习内容
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlNestJS学习内容NestJS学习总结Step.1:全局安装包pnpmadd-g@nestjs/clinodemon......