Question

此代码应该可以使用，但我不知道为什么它根本不起作用。

HTML：

<p><input type="file" size="50"></p>
<p><input type="button" value="test" onclick="test()"></p>

JavaScript的：

test = function() {
    console.dir(document.querySelector('input[type="file"]').value);
    var a = document.querySelector('input[type="file"]').vaule;
    console.dir(a);
};

第一个console.dir可以成功显示所选的文件文件名

而我将它存储在var a中是返回undefined，是什么？

小提琴：jsfiddle.net/eb5tuo7o

Answer 1

使用控制台记录您正在使用.value但是当您将其存储时，您将其拼错为.vaule。

test = function() {
    console.dir(document.querySelector('input[type="file"]').value);
    var a = document.querySelector('input[type="file"]').value;
    console.dir(a);
};

Answer 2

没有＆＃34; vaule＆＃34;

这样的事情

您可以使用

访问html元素值

 document.querySelector('input[type="file"]').value;

如果你使用的是jquery，那就更简单了

  $("input[type=file]").val();

为什么这个JavaScript代码不起作用？

2 个答案: