Jquery 自定义输入按钮显示所选文件

默认情况下

<input type="file">

显示一个按钮和显示“未选择文件”的文本，然后显示所选文件。我正在显示一个自定义按钮，因此必须隐藏不透明度为0的标准按钮

---

如果使用自定义按钮，如何显示“未选择文件”和所选文件？

您可以执行以下操作来显示所选文件：

$(document).ready(function(){    
    $("#file").change(function(){
        getFileName($(this).attr("id"));
    });
});

getFileName = function(id){
    var str = '';
    var files = document.getElementById(id).files;
    for (var i = 0; i < files.length; i++){
        str += files[i].name;
    }
    $("#file-name").text(str);
}

$（文档）.ready（函数（）{
$（“#文件”）.change（函数（）{
getFileName（$（this.attr（“id”））；
});
});
getFileName=函数（id）{
var-str=''；
var files=document.getElementById（id）.files；
对于（var i=0；i

演示：

---

您无法自定义文件上载。然而，还有其他的方法。可能的复制品正是我想要的！谢谢