带有单个按钮的 Django 文件上传表单

Question

我需要带有单个按钮的 Django 文件上传表单的代码片段。我发现 minimal-django-file-upload-example 的出色实现，但有两个按钮："Browse" 和 "Upload"。有没有一种不用点击"Upload"按钮就可以在浏览后立即提交文件的方法？

Answer 1

使用JavaScript/jQuery：

<form>
    <input type="file" class="autosubmit" />
</form>

然后应用以下内容：

$('form .autosubmit').on('change', function() {
   this.form.submit();
});

没有jQuery它非常相似，你只需要使用EventTarget.addEventListener。