Javascript IE 11，Edge-当按下文件上载按钮时，它会自动提交表单，而不是等待

单击“文件浏览器”按钮时未点击“提交”，是否已提交表单？如何在IE11/IEEdge中防止它（所有其他浏览器都可以处理）

CSS:

Html:

---

可以使用event.preventDefault（）；停止提交表格。放在哪里？

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

<form method="post" action="test.php" enctype="multipart/form-data" id="form1" name="form1">

   <div class="upload-btn-wrapper">

    <button class="btn">upload file</button>
       <input type="file" class="form-control" 
               placeholder="" id='files' name='files' onchange="files(this);"/>

   </div>

function files(elm) {
  var fn = $(elm).val();
  var filename = fn.match(/[^\\/]*$/)[0];
  //$('#selected_filename').html(filename);
}