Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
隐藏提交按钮,直到通过纯JavaScript选择文件为止_Javascript_Html_Web_Input - Fatal编程技术网

隐藏提交按钮,直到通过纯JavaScript选择文件为止

隐藏提交按钮,直到通过纯JavaScript选择文件为止,javascript,html,web,input,Javascript,Html,Web,Input,我只想在选择文件后显示提交按钮。我可以用jQuery实现这一点,但我没有在页面的任何部分使用jQuery,所以为了避免出现一些空格,我需要通过纯JavaScript实现这一点 <form action="" method="POST" enctype="multipart/form-data"> <input type="file" name="uploadfile" id=&q

我只想在选择文件后显示提交按钮。我可以用jQuery实现这一点,但我没有在页面的任何部分使用jQuery,所以为了避免出现一些空格,我需要通过纯JavaScript实现这一点

<form action="" method="POST" enctype="multipart/form-data">
<input type="file" name="uploadfile" id="pimage"/> 
<input type="submit" name="submit" value="Confirm">
</form>

const form=document.querySelector('form');
const submitButton=form.querySelector('[type=“submit”]');
const inputFile=form.querySelector('[type=“file”]');
inputFile.addEventListener('change',()=>{
submitButton.style.display=inputFile.files.length?“”:“无”;
});


如何使用表单的id和id为的输入字段选择表单?使用
document.getElementById(id)
document.querySelector(#id)
。此处id是您要选择的id。