我试图创建一个调用“文件”类型输入事件的按钮，以便输入本身不显示，并且我可以按照this后的样式设置按钮的样式。形式看起来像这样：“.click（）;”触发器“onchange”
<form action="imageUpload.php" method="post" enctype="multipart/form-data" >
<input type="file" id="selectedImage" style="display: none;" onchange="this.form.submit()" />
<button onclick="document.getElementById('selectedImage').click();" />
form>
当我点击该按钮，fileselect对话弹出，但文件被采摘前的“imageUpload.php”已经被调用。但是，当我通过删除按钮并显示输入本身来取出中间人时，它按预期工作：在选择文件后调用“imageUpload.php”。
我假设“.click（）;”函数触发“onchange”，即使值没有改变。它是否正确？有没有办法在不立即调用onchange的情况下从另一个按钮触发文件选择对话框？或者有没有办法来检查文件是否在onchange中被选中？
在此先感谢。
2 回答
注：这只是为了说明的目的。您必须根据需要修改代码。当表单提交可能会显示错误，因为我们发布到一些随机的网址。
所以，让我们试着打破这个：
function showFile(){
// lets trigger the file click as its hidden.
document.getElementById('fileControl').click();
}
function sub(){
// check if your user has selected any file?
if(document.getElementById('fileControl').files.length > 0){
// if you are curius to see your files log this
//console.log(document.getElementById('fileControl').files);
// do post your form here by
document.getElementById('testForm').submit();
}
}
<form method="post" action="example.com" id="testForm">
<input type="file" id="fileControl" onchange="sub();" style="display:none;">
<input type="button" id="btn" value="open" onclick="showFile();">
form>这家伙很懒，还没有设置简介
