php - 我可以在选择要上传的图像文件后触发表单操作吗？

Question

我目前有一个允许用户选择图像的表单。选择图像后，他们需要单击提交按钮。我正在使用 jquery，所以调用最终看起来像这样:

$('#image_form').ajaxForm(function(data) { 
   // do some stuff
});

这是 HTML:

<form id="image_form" enctype="multipart/form-data" action="load_photo.php" method="post" >
    <input type="hidden" name="MAX_FILE_SIZE" value="8000000" />

    <table>    
        <tr>
            <td>
                <label for="mapimage">Select an image:</label>
            </td>
        </tr>
        <tr>
            <td>
                <input name="file" type="file" id="file"/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" value="Update" name="update_photo" id="update_photo"/>
            </td>
        </tr>
    </table>
</form>

是否可以在用户浏览并选择照片后触发此表单操作？理想情况下，他们不必点击提交按钮。

Answer 1

选择文件后，change 事件会在 input[type=file] 元素上触发，因此只需监听即可。

$('#file').change(function(e){
    // do something after a file is selected
    // maybe submit the file?
    e.target.form.submit();
});