python - 在 Django 中提交表单后停止页面重定向

Question

我正在使用 django，并且创建了一个应用程序，我想在其中上传保存在特定位置的 zip 文件(此时我的 django 服务器是 localhost) 我有以下代码，运行良好:

这是我的 HTML 模板:

<form id="saveZipFile" enctype="multipart/form-data" action="" method="post">
    {% csrf_token %}
    <input type="file" name="docfile" id="docfile">
    <input type="submit" id="upload-button" value="Upload">
</form>

这是我的 forms.py:

class UploadFileForm(forms.Form):
    docfile = forms.FileField()

这是我的观点.py:

def handle_uploaded_file(f):
    with open('uploaded_zip.zip', 'wb+') as destination:
        for chunk in f.chunks():
            destination.write(chunk)


def upload_file(request):
    if request.method == 'POST':
        form = UploadFileForm(request.POST, request.FILES)
        if form.is_valid():
            handle_uploaded_file(request.FILES['docfile'])
            return HttpResponse()
    else:
        form = UploadFileForm()
        return HttpResponse()

url.py:

urlpatterns = [
    url(r'^upload_file/$', views.upload_file, name='upload_file'),
]

但最终，网址更改为 /upload_file - 据我所知，这是正确的 - 并且该页面是空的(因为我返回一个空的 HttpResponse )

我正在尝试构建一个单页应用程序，并且此重定向将我的网页的整个状态抛出窗口。

有什么方法可以让我进行 AJAX 调用而不是使用 django 表单吗？

谢谢!

编辑

我确实添加了一个ajax调用来获取上传的文件并将其发送到django View 。

AJAX 调用:

var selectedFile = $('#docfile').files[0];

var fd = new FormData();
fd.append("file", selectedFile);
$.ajax({method: 'POST', 
        url: 'upload_file',
        data: fd, 
        headers: {'Content-Type': undefined, 
                  'X-CSRFToken': getCookie('csrftoken')
        },
        cache: false, 
        processData: false})
        .done(function(data) {
            alert(data)
        });

但是在 View 中，当我打印出 request.POST 时，我得到了这个困惑(以及很多很多行):

<QueryDict: {u'\x00\x00userapp/.git/objects/0e/34e20fc7131238973f102fe6d2d7fe102d12f4UT\x05\x00\x03\ufffd': [u'\xc0Yux\x0b\x00\x01\x04\xe8\x03\x00\x00\x04\xe8\x03\x00\x00PK\x01\x02\x1e\x03\n\x00\x00\x00\x00\x001\x852K\x00\x00\x00\x00\x00\x00\

Answer 1

为此，您应该使用 ajax，从表单中检索数据，发出请求并返回 false，这可以防止发生重定向。它应该看起来像这样:

$(function() {
    $('form').submit(function() {
        $.ajax({
            type: 'POST',
            url: 'form-submit.php',
            data: { name: $(this).name.value, 
                    surname: $(this).surname.value }
        });
        return false;
    }); 
})