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

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())});