Mih*_*šič 2 html javascript file
我正在尝试设置一个页面,让您上传一个txt文件(即另一个程序生成的日志文件),然后进一步操作文本.到目前为止,我只想在console.log文本中,但后来我打算将行分开并从中获取一些细节来运行我的程序.
无论如何,当我上传我的日志文件时,我得到以下内容:null
$("#draftlog").change(function() {
var logFile = $('#draftlog').get(0).files[0];
var reader = new FileReader;
reader.readAsText(logFile);
var rawLog = reader.result;
console.log(rawLog);
});body {
margin: 0;
min-width: 1200px;
}
.pickscontainer {
margin-left: 5%;
width: 90%;
border: 1px solid black;
}
.cardbox {
margin: 1px;
border: 2px solid black;
border-radius: 5px;
width: auto;
display: inline-block;
}
.card {
width: 210px;
height: 285px;
}
.picks {
width: 90%;
border: 1px solid black;
height: 150px;
margin-right: 5%;
margin-left: 5%;
}
.inputbox {
margin-left: 5%;
width: 90%;
}<html>
<head>
<title>MTGO draft</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" href="index.css">
</head>
<body>
<div class="pickscontainer">
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
<div class="cardbox">
<img class="card" alt="card missing" src="" />
</div>
</div>
<div class="inputbox">
<input type="file" name="draftlog" id="draftlog">
</div>
<div class="picks"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="magic.js"></script>
</body>
</html>有片段.我还上传了一些我正在尝试阅读的日志文件到我的服务器日志中
readAsText是异步的.您需要等到.result可用,安装处理程序才能执行此操作:
var logFile = $('#draftlog').get(0).files[0];
var reader = new FileReader;
reader.readAsText(logFile);
reader.onload = function(e) {
var rawLog = reader.result;
console.log(rawLog);
};