我已将http://justboil.me/中的jbimages 安装到我的 django 项目的 jquery-tinymce 文件夹中,用于从计算机获取本地图像。
当我上传图片时,它会抛出错误“这比平时花费的时间更长。可能发生了错误。” 它显示脚本输出错误为“CSRF 验证失败。请求中止。” 但是我已经以 dialog.htm 的形式给出了 {% csrf_token %}。
选择图像后出现错误,如下所示:
谁能帮我解决这个问题?
我已将http://justboil.me/中的jbimages 安装到我的 django 项目的 jquery-tinymce 文件夹中,用于从计算机获取本地图像。
当我上传图片时,它会抛出错误“这比平时花费的时间更长。可能发生了错误。” 它显示脚本输出错误为“CSRF 验证失败。请求中止。” 但是我已经以 dialog.htm 的形式给出了 {% csrf_token %}。
选择图像后出现错误,如下所示:
谁能帮我解决这个问题?
似乎表格正在使用ajax发布。如果您使用 ajax 发布表单,请确保将 包含csrf_token
在POST
数据中。在这种情况下你错过了。
或者,将以下脚本添加到您的脚本中base.html
,它将负责为每个 Ajax 请求更新 csrf_token。
$(document).ajaxSend(function(event, xhr, settings) {
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
function sameOrigin(url) {
// url could be relative or scheme relative or absolute
var host = document.location.host; // host + port
var protocol = document.location.protocol;
var sr_origin = '//' + host;
var origin = protocol + sr_origin;
// Allow absolute or scheme relative URLs to same origin
return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
(url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
// or any other URL that isn't scheme relative or absolute i.e relative.
!(/^(\/\/|http:|https:).*/.test(url));
}
function safeMethod(method) {
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
if (!safeMethod(settings.type) && sameOrigin(settings.url)) {
xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
}
});
如果您尝试通过ajax
请求上传图像,那么您必须在 ajax 中查看 CSRF 验证。
或者,如果不是,那么这个问题可能会对您有所帮助。