Javascript HTML中具有自定义按钮样式的输入文件

我想用我的自定义按钮样式创建输入文件，问题是“浏览”按钮不工作，即无法打开“文件”对话框：

<input type="text" placeholder="No file selected" id="txtPath"  />
<input type="button" value="Browse..." id="btnBrowse"  />
<input type="file" style="display:none;" id="file" name="file" />

---

按钮没有任何作用。如果您希望使用该按钮上载内容，请使用Javascript“单击”取消不可见文件输入。将OnClick添加到按钮：

<input type="button" value="Browse..." id="btnBrowse" onClick="browse()" />

function browse() {
    console.log("hi")
    document.getElementById('file').click();
}