Ajax文件上传Django

时间:2015-12-17 13:14:50

标签: javascript jquery python ajax django

我有一个带有输入文件的表单,需要将文件异步上传到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" }

我做错了什么?

1 个答案:

答案 0 :(得分:0)

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