二进制转化字符串

最新推荐文章于 2023-08-15 14:27:18 发布

原创最新推荐文章于 2023-08-15 14:27:18 发布 · 置顶 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

1 篇文章

订阅专栏

将选择的二进制文件转换为字符串显示在窗口。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	 <style type="text/css">
        #content{width:600px; height:300px; border: 1px solid #ddd; overflow: auto; margin-top:10px;word-wrap:break-word}
    </style>
</head>
<body>
	<input type="file" name="" id="myFile" value="" multiple="multiple"/>
    <button onclick="aaa()">转换</button>
    <div id="content" class="bottom"></div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">


		var str = "";//定义一个
        var oFile = document.getElementById("myFile");
        var oCotnent = document.getElementById("content");
        oFile.addEventListener("change", function(ev) {
            var event = ev || window.event;
            var files = this.files;
            for (var i = 0, len = files.length; i < len; i++) {
                var reader = new FileReader();
                var file = files[i]; 
                reader.onload = (function(file) {
                    return function(e) {
                        str = this.result;
                    };
                })(file);
                //读取文件内容
                reader.readAsText(file,"utf-8");
			}
        }, false);


	//二进制转化为字符串


		
	function aaa(){
		if(str == ""){
			return;
		}
		var list = str.split(" ");
		var result = [];
		for(var i=0;i<list.length;i++){
			var item = list[i];
			var asciiCode = parseInt(item,2);
			var charValue = String.fromCharCode(asciiCode);
			result.push(charValue);
		}
		$(".bottom").text(result.join(""));
	}
</script>
</html><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	 <style type="text/css">
        #content{width:600px; height:300px; border: 1px solid #ddd; overflow: auto; margin-top:10px;word-wrap:break-word}
    </style>
</head>
<body>
	<input type="file" name="" id="myFile" value="" multiple="multiple"/>
    <button onclick="aaa()">转换</button>
    <div id="content" class="bottom"></div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">


		var str = "";//定义一个
        var oFile = document.getElementById("myFile");
        var oCotnent = document.getElementById("content");
        oFile.addEventListener("change", function(ev) {
            var event = ev || window.event;
            var files = this.files;
            for (var i = 0, len = files.length; i < len; i++) {
                var reader = new FileReader();
                var file = files[i]; 
                reader.onload = (function(file) {
                    return function(e) {
                        str = this.result;
                    };
                })(file);
                //读取文件内容
                reader.readAsText(file,"utf-8");
			}
        }, false);


	//二进制转化为字符串


		
	function aaa(){
		if(str == ""){
			return;
		}
		var list = str.split(" ");
		var result = [];
		for(var i=0;i<list.length;i++){
			var item = list[i];
			var asciiCode = parseInt(item,2);
			var charValue = String.fromCharCode(asciiCode);
			result.push(charValue);
		}
		$(".bottom").text(result.join(""));
	}
</script>
</html>