文件上传

form表单上传文件

默认情况下，enctype的值是application/x-www-form-urlencoded，不能用于文件上传，只有使用了multipart/form-data，才能完整的传递文件数据。

<form action="" method="post" enctype="multipart/form-data"> 
    {% csrf_token %}
    <input type="file" name="file">
    <input type="submit" value="提交">
</form>

file = request.FILES.get("file")
        print(file.name) # 文件名
        with open(file.name,mode="wb") as f:
            for chunk in file.chunks():
                f.write(chunk)

ajax上传文件

{% csrf_token %}
<input type="file" name="file">
<button id="bu">提交</button>
<span style="color: red">1</span>

$("#bu").click(function () {
        var data = new FormData();
        var file = $("[type=file]")[0].files[0];
        data.append("file",file);
        $.ajax({
            url: "/login/",
            type: "post",
            data: data,
            processData:false, //必须设置
            contentType:false, //必须设置
            headers: {"X-CSRFToken": $.cookie("csrftoken")},
            success: function (res) {
                console.log(res)
            }
        })
    });