将选择的二进制文件转换为字符串显示在窗口。
<!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 οnclick="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 οnclick="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>