Question

我正在尝试通过上传文件然后在

标记中显示文件名来做简单的事情而且它不起作用，我的代码是：

function smth () {
    var x=document.getElementById("myfile");
    var file=x.files[0];
    var txt="";
    txt=file.name;
    document.getElementById("p1").innerHTML =txt;
}

<p id="p1"></p>
<input type="file" id="myfle">
<button onclick="javascript:smth()" value="clickme"></button>

Answer 1

这是错误的，因为输入id值是myfle而documentgelementbyid正在检索名为#myfile的非现有元素。请看下面的修复：

<p id="p1"></p>
<input type="file" id="myfile">
<button onclick="javascript:smth()" value="clickme"></button>

<script>
function smth () {
    var x = document.getElementById("myfile");
    var file = x.files[0];
    var txt="";
    txt=file.name;
    document.getElementById("p1").innerHTML =txt;
}
</script>

Answer 2

我注意到的第一件事是你写错了：

<input type="file" id="myfle">

myfle atleast应该是myfile。

javascript onclick不工作？

2 个答案: