我试图让一个用户点击一个“加载文件”按钮,为网页选择一个文件。但我似乎不能得到实际的文件,只有名称和最后一次修改的时间。我需要对该文件运行一些JS代码,因此我只需要实际的文本。我不需要把它放在网页上,但我只是觉得这是一个很好的展示方式。这是我的HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body onclick="update_loc(event)"">
<center><canvas width="400" height="400" id="myCanvas" style="border: 1px solid; border-color: #000000"></canvas></center>
<script src="./js.js"></script>
<input type="file" id="myFile">
<p id="output">YO</p>
</body>
</html>还有我的JS:
var reader;
var file;
setTimeout(test_file, 500);
function test_file() {
setTimeout(test_file, 500);
file = document.getElementById("myFile").files[0];
console.log(document.getElementById("myFile").files);
reader = new FileReader();
reader.onload = function (e) {
var textArea = document.getElementById("output");
textArea.value = e.target.result;
};
reader.readAsText(file);
}我不知道如何复制和粘贴chrome日志,但我只是在一个"FileList“对象中获得了文件名和时间。
https://stackoverflow.com/questions/44576225
复制相似问题