javascript - 在选择文件之前发送的表格

标签 javascript html

所以我有一个带有输入字段的标准 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/

相关文章:

javascript - HTML & CSS : triggering active class for a section in index. html

html - 如何让目录 ="rtl"与 bootstrap 4.3.1 一起工作?

html - 如何使用 CSS 为部分提供不随页面滚动的背景?

javascript - Angular 4如何在兄弟模块组件中使用另一个模块组件

javascript - 如何将某些样式应用于 Angular Material 表中的表行

javascript - 清除垂直选项卡中的 div 的功能不起作用

Javascript - 添加动态表行

Javascriptcalculate() 函数在 Firefox 和 Safari 中不起作用

javascript - 状态没有更新

javascript - 我需要javascript吗?在 PHP 中?