jQuery自动上传文件

Blu*_*lur 15 javascript jquery

我想文件输入会自动上传我的图像而不输入任何提交按钮.

<form action="/upload/" method="post" enctype="multipart/form-data">
  <input type="hidden" name="user_id" value="47" />
  <input type="file" name="upload" />
</form>
Run Code Online (Sandbox Code Playgroud)

让我知道jQuery的技巧

kar*_*m79 18

您可以在文件输入的onchange事件上提交表单,如下所示:

$("input[name=upload]").change(function() {
    $(this).closest("form").submit();
});
Run Code Online (Sandbox Code Playgroud)


lam*_*tor 7

使用更新版本,您还可以将autoUpload选项设置为true:

$('#fileupload').fileupload({ autoUpload: true });
Run Code Online (Sandbox Code Playgroud)