所以我有一个图像作为输入类型。现在,当您选择所需的文件时,我希望提交表单。这样您就不必按提交按钮。这就是我所做的
<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"
。如果您希望代码能够跨浏览器可靠地呈现,那么它应该仅用于两个目的:
- 单击图像时输入光标焦点的地理坐标,该图像必须是合适的地理 map 。
- 用作提交按钮。
查看全文 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/