为什么我会收到此错误？这应该可行，我想做的是当有人选择上传图像文件上的表单时。谢谢
我不断收到的错误是
<html>
<body>
<script type="text/javascript">
function EL(id) { return document.getElementById(id); } // Get el by ID helper function
function readFile() {
if (this.files && this.files[0]) {
var FR= new FileReader();
FR.onload = function(e) {
EL("img").src = e.target.result;
EL("b64").innerHTML = e.target.result;
};
FR.readAsDataURL( this.files[0] );
}
}
EL("inp").addEventListener("change", readFile, false);
</script>
<input id="inp" type='file'>
<p id="b64"></p>
<img id="img">
</body>
</html>
但效果不佳
最佳答案
将 JavaScript 放在正文的下方。 它会抛出错误，因为当您的 DOM 尚未准备好时，您的 JavaScript 首先会起作用。
在正文末尾加载所有脚本是一个很好的做法
<html>
<body>
<input id="inp" type='file'>
<p id="b64"></p>
<img id="img">
<script type="text/javascript">
function EL(id) { return document.getElementById(id); } // Get el by ID helper function
function readFile() {
if (this.files && this.files[0]) {
var FR= new FileReader();
FR.onload = function(e) {
EL("img").src = e.target.result;
EL("b64").innerHTML = e.target.result;
};
FR.readAsDataURL( this.files[0] );
}
}
EL("inp").addEventListener("change", readFile, false);
</script>
</body>
</html>
关于javascript:未捕获类型错误:无法读取 null 的属性 'addEventListener'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38769679/