Laravel 5-带有CSRF保护的AJAX图像上传
Laravel 5-带有CSRF保护的AJAX图像上传
提问于 2015-11-15 14:37:56
我有一个表单来上传图片。我以前使用过DropZone.js，它工作得很好，并将CSRF令牌与ajax调用一起发送。所有服务器端都很好，但是在不使用DropZone的情况下，我会得到标记不匹配错误。
这是我的AJAX调用：
$(document).on('submit', ".hidden-image-upload", function(e){
e.preventDefault();
$.ajax({
url:'/project/uploadImage',
data:{
data:new FormData($("#upload_form")[0]),
},
dataType:'json',
async:false,
type:'post',
processData: false,
contentType: false,
success:function(response){
console.log(response);
},
});
});这是HTML：
<form method="POST" action="http://localhost/project/create" accept-charset="UTF-8" class="hidden-image-upload">
<input name="_token" type="hidden" value="5lgtt8AgbeF3lprptj8HNXVPceRhoJbqBeErBI1k">
<input class="cover-image-upload-button" name="file" type="file">
</form>我如何整理我的AJAX调用/ Laravel来一起工作？
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-11-15 20:51:10
您可以使用$.ajax在标头中发送令牌。
$(document).on('submit', ".hidden-image-upload", function(e){
e.preventDefault();
$.ajax({
url:'/project/uploadImage',
data:{
data:new FormData($("#upload_form")[0]),
},
headers: {
'X-CSRF-Token': $('form.hidden-image-upload [name="_token"]').val()
}
dataType:'json',
async:false,
type:'post',
processData: false,
contentType: false,
success:function(response){
console.log(response);
},
});
});在最坏的情况下，在该路由中禁用CSRF检查，只需在app/Http/ $except /verifyCsrfToken.php中添加数组中的路由即可。
Stack Overflow用户
发布于 2015-11-15 15:09:19
尝尝这个。您还必须将CSRF令牌与FormData一起传递：
$(document).on('submit', ".hidden-image-upload", function(e){
e.preventDefault();
var data = new FormData($("#upload_form")[0]);
data.append('_token', $('input[name="token"]').val());
$.ajax({
url:'/project/uploadImage',
data:{
data: data,
},
dataType:'json',
async:false,
type:'post',
processData: false,
contentType: false,
success:function(response){
console.log(response);
},
});})；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33725939
复制相关文章
相似问题
带有密码的SFTP (一行命令)
如何使用sftp放置多个文件
如何通过SSH向fbi发送命令？
SFTP命令的含义
单命令将SFTP发送到多台计算机
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
