微信中打开Django网页提交表单提示403 csrftoken cookie not set问题解决

【问题描述】

基于微信的内置浏览器创建文件上传的表单页面实现文件上传的功能，在本地调测完全没有问题，在微信中调测则提示403的错误，打印错误日志发现是csrftoken的cookie没有设置

【原因分析】

具体原理参考

http://www.jianshu.com/p/9346bbc3a8f1

【解决方法】

表单的form中加入

{% csrf_token %} //生成隐藏的csrfmiddlewaretoken值，也就是csrftoken的值

在提交表单的js脚本中加入：

var csrftoken=document.getElementsByName('csrfmiddlewaretoken')[0].value//从隐藏的csrfmiddlewaretoken字段中获取csrftoken

xhr.setRequestHeader("X-CSRFToken", csrftoken);//在头域中设置此值

document.cookie="csrftoken="+csrftoken+";"+document.cookie//在Cookie中设置此值