javascript - Ajax 文件上传 Django

Question

我有一个带有输入文件的表单，需要将文件异步上传到 Django，但不能使用 ajax。代码如下:

表格:

<form id="upload" method="post" action="/upload/" enctype="multipart/form-data">
<input type="file" name="test" id="test'>
<button  type="submit">Upload</button></form>

JS:

function upload(event) {
    event.preventDefault();
    var data = new FormData();
    data.append('upload',$('#test').prop('files')[0]);

    $.ajax({
        url: $(this).attr('action'),
        type: $(this).attr('method'),
        data: data,
        cache: false,
        processData: false,
        contentType: false,
        success: function(data) {
            alert('success');
        }
    });
    return false;
}

$(function() {
    $('form').submit(upload);
});

Django :

def upload(request):
    print(request.FILES)

Django 返回:

<MultiValueDict: {}>

控制台 JS:

console.log(data.get('upload'));
File { name: "test.csv", lastModified: 1446743198000, lastModifiedDate: Date 2015-11-05T17:06:38.000Z, size: 14, type: "text/csv" }

我做错了什么？

Answer 1

我可以通过将表单数据发送到同一 View 来使其工作。老实说不知道发生了什么。