1

几天前我得知我们可以使用 ajax 进行文件上传。所以我尝试构建一个应用程序，当用户填写表单的其他部分时上传所选文件。

我的应用有两个模型：

class Post(models.Model):
    image = models.ImageField(...)
    title = ...
    desc = ...

class TempImg(models.Model):
    image = models.ImageField(...)
    posted_by = ...
    posted_at = ...

该表格用于发帖，在这里您可以看到 temp_image 作为隐藏输入：

class PostForm(forms.ModelForm):
    temp_image = forms.IntegerField(widget=forms.HiddenInput)
    class Meta:
        model = Post

当用户选择图像时，此 javascript 代码将其上传并将返回的 id 值放入表单的 temp_image 字段：

// here is a function that gets csrftoken, [which is taken from docs
// https://docs.djangoproject.com/en/dev/ref/contrib/csrf/#ajax

csrftoken = ...

form = new FormData();
form.append("image", dataURLToBlob(resizedImgData));
form.append("csrftoken", csrftoken)

$.ajax({
    url: '/upload/',
    data: form,
    processData: false,
    contentType: false,
    dataType: 'json',
    type: 'POST',
    beforeSend: function() {
        $("#uploadingIndicator").show()
    },
    success: function(data){
        $("#id_temp_image").val(data['id'])
        $("#uploadingIndicator").hide();
    }
});

对我来说一切似乎都很好，但是有一个问题是我的视图总是返回 403。CSRF 验证错误。

谁能知道我应该在哪里看？如果找不到解决方案，我将使用 csrf_exemt ...

4

1 回答 1

2

你应该使用

form.append("csrfmiddlewaretoken", csrftoken)

当你试图做form.append("csrftoken", csrftoken)

于 2013-04-22T20:09:52.073 回答