Javascript 选择第一个文件的值后显示下一个文件\u输入

我正在尝试做一个表单，表单底部有一个或两个上传图像的选项

到目前为止，html表单工作良好，如下所示

HTML

<form action="new.php" enctype="multipart/form-data" method="post">
    Affected Service<br><input type="text" name="affected" style="width:40vw;"><br><br>
    Summary<br><input type="text" name="title" style="width:40vw;"><br><br>
    Description<br><textarea name="description" style="width:40vw;" rows="8"></textarea><br><br>
    <input type="hidden" name="MAX_FILE_SIZE" value="1000000" />
    Choose a file to upload (max 2 - jpg or png only):<br>
    <input id="uploaded_file" name="uploaded_file" type="file" onchange="file2Function()" /><br>
    <input id="uploaded_file2" name="uploaded_file2" type="file" /><br>
    <button type="submit">Submit</button></form>

此外，当我们在这里的时候。。如果我想让它成为5个文件，而不是2个。有没有更简单的方法来使用一个javascript函数，或者我会创建4个函数？如果我能用一种更简单的方式来做的话，我理想地想把它扩展到5个文件

---

谢谢大家。

代码对我来说很好：你有没有碰巧把放在上面而没有检查控制台？真奇怪。。我在

中有css，在

中有css，其余的在

中，我仔细检查过，

在页面底部附近，肯定不在

中或之前。谢谢你为我澄清了这么多，虽然它确实有效！你有没有检查浏览器控制台？有什么错误吗？你是传奇人物。很明显，我在那里做了一些愚蠢的事情，使它停止了工作。我注释掉了一些花哨的样式表，但我不确定这是否是一个错误，但是从零开始复制代码（我在上面发布的地方）工作得很好，所以它现在可以像预期的那样工作，就像您在JSFIDLE上向我展示的那样。再次感谢你，克里斯！！

      <script>
var file = document.getElementById("uploaded_file");
var target = document.getElementById("uploaded_file2");

function file2Function() {
  if(file.files.length > 0 ) {
    target.style.display = "block";
  } else {
    target.style.display = "none";
  }
}
</script>

          #uploaded_file2{
    display:none;
          }