Django ajax:CSRF验证失败。请求中止

Question

我正在使用django服务器端表单来保存数据库中的详细信息。

<form id="form_save_file" enctype="multipart/form-data">
{% csrf_token %}
      <label class="control-label col-md-4">File:</label>
        <div class="col-md-8">
            {{form.fa_file}}
        </div>
      <label class="control-label col-md-4">Name:</label>
        <div class="col-md-8">
            {{form.name}}
        </div>
</form>

我使用ajax发布请求。

$("#form_save_file").submit(function(e) {
        $.ajax({

           type: "POST",
           url: '/url/',
           data: $("#form_save_file").serialize(),
           contentType: false, 
           processData: false,
           success: function(data){}
});

我在设置中包含了中间件类。派克

MIDDLEWARE_CLASSES = (
    'django.middleware.common.CommonMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'request.middleware.RequestMiddleware'
)

当我删除了ajax请求中的内容类型和过程数据时，请求。文件是空的views.py和其他工作正常。

Answer 1

使用@csrf\u emption装饰器在特定视图上禁用csrf，并使用随机数/字符串构建自定义安全性

Answer 2

contentType选项为false用于传递文件的多部分/表单数据表单。

如果将contentType选项设置为false，将强制jQuery不添加内容类型头，否则，它将丢失边界字符串。此外，当通过多部分/表单提交文件时，必须将processData标志设置为false，否则，jQuery将尝试将FormData转换为字符串，这将失败。

要尝试解决您的问题，请执行以下操作：

您正在使用jQuery的。serialize（）方法，该方法以标准URL编码表示法创建文本字符串。

使用"contentType： false"时需要传递未编码的数据。

尝试使用“new FormData”而不是。序列化（）：

资料来源：https://stackoverflow.com/a/20863123/3345051

修订守则：

$("#form_save_file").submit(function(e) {

    e.preventDefault();

    var $this = $(this);
    var postURL = '/url/';
    var formData = new FormData(this);


    $.ajax({
           type: "POST",
           url: postURL,
           data: formData,
           mimeType: "multipart/form-data",
           contentType: false,
           cache: false,
           processData: false
    })
    .done(function(response) {
        // Do something if POST is successful
    })
    .fail(function() {
        // Do something if POST is unsuccessful
    })

})