<分区>
标签 javascript html css
<分区>
我想用我的自定义按钮样式创建输入文件,问题是浏览按钮不起作用,即它不打开文件对话框:
<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 来“单击”de 不可见文件输入。将 OnClick 添加到您的按钮:
<input type="button" value="Browse..." id="btnBrowse" onClick="browse()" />
并将其添加到 Javascript 中:
function browse() {
console.log("hi")
document.getElementById('file').click();
}
关于javascript - 在 HTML 中具有自定义按钮样式的输入文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58626335/