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

Question

我需要单个按钮的django文件上传表格的代码片段。我发现了minimal-django-file-upload-example的优秀实现，但有两个按钮：“浏览”和“上传”。有没有办法在浏览后立即提交文件而不点击“上传”按钮？

Answer 1

使用JavaScript / jQuery：

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

然后应用以下内容：

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

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