所以我有一个带有输入字段的标准 HTML 表单,最后一个输入是 type="file"。由于没有 CSS 方法来设计此输入,因此我通过使其高度和宽度 = 0 来使此输入不可见。并将我根据需要设计的按钮放在此不可见输入的“顶部”。该按钮按预期工作,但最后当我填写所有表格并按下此按钮选择文件时,它会打开一个窗口来选择文件,并同时发送表格。因此,结果它发送了没有文件的表单。据我了解,它如何充当提交输入。
那么如何解决这个问题 - 该按钮只选择文件而不发送表单?对于发送表单,我输入 type=submit
所以html表单部分:
<input type="file" name="file_up" id="upload_hidden" accept="image/*,image/jpeg" onchange="document.getElementById('upload_visible').value=this.value">
<button onclick="document.getElementById('upload_hidden').click();" id="upload_visible">+</button>
<input type="submit" name="registr" value="Ready" size=15 id="reg_cmpl" />
最佳答案
默认type
的<button>
是 submit
.
如果您不想在单击表单时提交表单,请首先不要使用提交按钮!
关于javascript - 在选择文件之前发送的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34085544/