如何自动将图像发送到服务器？

Question

我希望用户无需点击提交按钮即可将图像上传到服务器。

这是我的html表单：

<form>
    <div class="entry">Upload image<input type="file" formmethod="post" formaction="/avatar_upload"/></div>
</form>

是否可以在不使用提交按钮的情况下将文件上传到服务器？

Answer 1

尝试使用输入按钮的onchange事件来触发保存。

Answer 2

像这样更改标记（添加id属性）：

<form id="form">
    <div class="entry">Upload image
        <input id="file" type="file" formmethod="post" formaction="/avatar_upload"/>
    </div>
</form>

在Javascript中（假设使用了jQuery）：

$('#file').on('change', function () {
    $('#form').submit();
});