django+jquery 用post方式上传文件采坑记录

---

前言

最近用django做一个在线的语音识别demo，需要上传语音文件，前端是bootstrap+jquery，后端是django，在我的理解范围内，要处理POST上来的文件，肯定要调用django的视图函数，最关键的是他视图函数触发的条件是url要发生变化，否则连 request 是什么类型都判断不了，更别说保存处理了。我遇到的问题是，用POST方式提交表单后url一直没有变化，按道理应该是要跳转到 action 定义的url里面，但一直没有跳转，所以没法触发视图函数。

先直接上结论，jquery的 .ajax({ }) 和 .ajaxSubmit({ }) 都没有用，最后还是用传统的

<input type="submit" id="submit_btn"  style="visibility:hidden" />

解决问题，一开始是因为布局问题不想用它，最后还是妥协一下直接把他隐藏掉。

下面分别贴出尝试过的方案，包括 js，html和django代码

---

1. 前端布局

按钮组和表单, action是表单要提交到的url，也是想要跳转的url，除了url也可以是php文件

        <div class="btn-group-lg" align="center">
            <form method="POST" id="uploadForm" action="{% url 'form' %}" enctype="multipart/form-data">   
            	<input type="file" id="audiofile" name="audiofile" value="audiofile" style="visibility:hidden"/>