javascript - 没有提交按钮就提交

标签 javascript php jquery html forms

所以我有一个图像作为输入类型。现在,当您选择所需的文件时,我希望提交表单。这样您就不必按提交按钮。这就是我所做的

<form action="upload.php" method="post" enctype="multipart/form-data">
    <input type="image" id="IMG_1" src="<?php echo $result['profile_picture']?>" alt="">
    <input type="file" onchange='this.form.submit();' id="my_file" style="display: none;" />
</form>

现在的问题是,表单是在文件浏览器打开时提交的,因此不会选择任何文件。那么我怎样才能阻止这种情况发生,并且只在用户选择图像时继续。

最佳答案

在我看来,你在同时谈论两件不同的事情。首先,使用type="image"。如果您希望代码能够跨浏览器可靠地呈现,那么它应该仅用于两个目的:

  1. 单击图像时输入光标焦点的地理坐标,该图像必须是合适的地理 map 。
  2. 用作提交按钮。

查看全文 http://www.w3.org/TR/html-markup/input.image.html

您所说的第二件事是提交表单,而无需单击具有提交功能的节点,但无需使用页面加载进行提交。这只是正确语法的问题:live demo ;使用的代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Demo auto-submit</title>
</head>
<body>
    <form name="theForm" action="http://www.google.com">
        <input type="file" onchange="theForm.submit()">
    </form>
</body>
</html>

关于javascript - 没有提交按钮就提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24592149/

相关文章:

javascript - 使用 Json 的图表 js

javascript - Javascript Timeout 对象到底是什么?

php - 如何避免数量为负值?

c# - 使用数据库中的数据实例化对象会更改值

javascript - jquery追加和javascriptappendChild不适用于html标签期间

javascript - Google Map API v3 - Ajax(Javascript + Jquery)GET 问题

JavaScript 正则表达式用于计算文本区域中主题标签的出现次数

javascript - 使用 jQuery 从选定的单选按钮获取 Alt =""值

javascript - 在外部域(C# 或 Javascript)上提交表单

javascript - HTML 使用 onclick 输入运行 javascript 代码