样式输入类型="；文件"；-文件名javascript解决方案不起作用

我需要一个好看的项目“上传按钮”，并在web上找到了一个样式解决方案： 到目前为止，它工作正常，但我无法运行java脚本

HTML:

<input type="file" name="file" id="file" class="inputfile" />
<label for="file">Choose a file</label>

我也在jsfiddle和hade中尝试过，但到目前为止还没有成功（）。我把代码当成了网站上的ist，因为我根本没有js的经验

正如ist所示，文件名对于可用性非常关键，因为它不存在，所以有很多问题

---

感谢您的每一个帮助-先进的thanx

你就快到了。你的JS工作正常，你没有收到消息的原因在你代码的最后部分

if( fileName )
    label.querySelector( 'span' ).innerHTML = fileName;
else
    label.innerHTML = labelVal;

在这里，代码检查变量

fileName

是否已填充，如果已填充，则在标签元素中查找

span

元素。因为这在HTML中不存在，javascript只是抛出一个错误（可以使用chrome中的控制台来检查）。你的HTML应该是这样的

<input type="file" name="file" id="file" class="inputfile" />
<label for="file"><span>Choose a file</span></label>

选择一个文件

这里有一个更新的这个问题修复

<input type="file" name="file" id="file" class="inputfile" />
<label for="file"><span>Choose a file</span></label>