文章/答案/技术大牛

发布

社区首页 >问答首页 >JavaScriptreader.onload如何访问reader.onload？

问JavaScriptreader.onload如何访问reader.onload？
EN

Stack Overflow用户

提问于 2018-10-17 16:48:07

回答 1查看 512关注 0票数 0

我目前正在学习Javascript。我正在与FileReader合作一个程序。

如何为变量file访问变量perf

我的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style/style.css">
<title>FileReader</title>
</head>
<body>
<h1>FileReader</h1>
<input type='file' accept='text/plain' onchange='openFile(event)'><br>
Input: <input type="text" id="qi" value="">
<br></br>
<button onclick="check()" class="button buttonB">Check</button>
<p id="ans"></p>
<p id=".same"></p>
<script src="main.js"></script>
</body>
</html>



function check(){
  var text = document.getElementById("qi").value;
  console.log(`Text: ${text}`);

  var perf;       //The value should be `file`

  if (text === perf){
      console.log("Same");
      document.getElementById(".same").innerHTML = "Same";
  } else{
      console.log("Not Same!!!")
      document.getElementById(".same").innerHTML = "Not Same!!!";
  }
}

function openFile(event) {
var input = event.target;
var reader = new FileReader();
reader.onload = function(){
var file = reader.result;
console.log(file);
document.getElementById("ans").innerHTML = file;
};
reader.readAsText(input.files[0]);
};

javascript

filereader

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-18 08:56:54

方法1:比较您保存的innerHTML

var perf = document.getElementById("ans").innerHTML;

方法2:将变量保存在全局范围内

只需将变量file保存在全局范围中：

替换

var file = reader.result;

通过

window.file = reader.result;

和

if (text === perf){

通过

if (text === window.file){

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52859886

复制

相似问题

问JavaScriptreader.onload如何访问reader.onload？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScriptreader.onload如何访问reader.onload？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScriptreader.onload如何访问reader.onload？
EN