我有一个隐藏的文件上传，因为它看起来很糟糕，我显示了一个更好看的按钮，并希望它在单击时点击隐藏的文件上传。
function ClickUpload() {
$("#FileUpload").trigger('click');
}
<div id="MyUpload">
<span id="FileName">Choose File</span>
<input id="uploadButton" type="button" value="Upload" onclick="ClickUpload()">
</div>
<div id="hideUglyUpload">
<input type="file" name="FileUpload" id="FileUpload"/>
</div>
到目前为止，我可以进入 ClickUpload() 函数，但它只是通过点击而没有弹出文件选择窗口。
最佳答案
我不喜欢在标记中调用内联 JS 函数......所以有点改变......
$(document).ready(function() {
$('#uploadButton').on('click',function(evt){
evt.preventDefault();
$('#FileUpload').trigger('click');
});
});
<div id="MyUpload">
<span id="FileName">Choose File</span>
<input id="uploadButton" type="button" value="Upload">
</div>
<div id="hideUglyUpload">
<input type="file" name="FileUpload" id="FileUpload"/>
</div>
关于javascript - 使用 Jquery 单击隐藏的文件上传按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23612483/