更改输入文件的默认样式并在选择文件后更改文本

Question

我想更改输入文件的默认样式，我搜索了 SO 并找到了 solution。 http://jsfiddle.net/younyzhU/6v8uL2co/

<div id=customOrth style="position: absolute; left:0; top:0px; ">
<button><label for="inputFile" style="padding-left: 0px;">
<a >choose orthology File</a></label></button>
<input style="display: none;" type="file" id="inputFile">
</div>

但是当我选择一个文件时，我需要将标签更改为选择的文件名，我该怎么办？ 默认输入文件，将在选择文件后显示您选择的文件名。 谢谢！

Answer 1

这个答案应该对你有帮助，https://stackoverflow.com/a/1299069/3066711

应该像这样简单。

$("#inputFile").on("change", function(data) { $("label[for=inputFile]").text($(this).val())});