仅使用输入更改图像而不提交

Question

我想使用该表单来更改图片，但没有点击提交。

<form action="chav.php" method="POST" enctype="multipart/form-data" > 
    <label for="fileup"><img src="/images/img-ico.png"/>Aggiungi Foto</label>
    <input type="file" name="fileup" id="fileup" /><br/>
    <input type="submit" name='submit' value="Upload" />
    <input type="hidden" value="<?php echo milldigital_filter('get',$_REQUEST['pg']); ?>" name="pg" /> 
</form>

因此，当我选择图像时，无需按任何按钮即可直接提交。

Answer 1

您可以使用表单事件属性onchange中的javascript提交表单：

...
<input type="file" name="fileup" id="fileup" onchange="this.form.submit()" />
...

当浏览器使用onchange属性呈现表单元素时，它会开始观察其值是否发生变化并执行javascript代码。选择文件时它会改变。 documentation

this.form表示我们将引用此 html（表单）元素所属的表单对象。然后执行其submit()方法。