Jquery laravel dropzone联合收割机表单错误405(不允许使用此方法)
您好,我已经成功地将dropzone与normal form组合在一起,它可以正常工作,但每次我尝试使用方法PUT或PATCH更新帖子(用户内容),我都会收到错误405(方法不允许)。 后期更新在没有dropzone的情况下工作,但当图像添加到dropzone时,我得到了错误405(不允许使用方法)Jquery laravel dropzone联合收割机表单错误405(不允许使用此方法),jquery,laravel-5,laravel-5.3,dropzone.js,Jquery,Laravel 5,Laravel 5.3,Dropzone.js,您好,我已经成功地将dropzone与normal form组合在一起,它可以正常工作,但每次我尝试使用方法PUT或PATCH更新帖子(用户内容),我都会收到错误405(方法不允许)。 后期更新在没有dropzone的情况下工作,但当图像添加到dropzone时,我得到了错误405(不允许使用方法) <form id="addproduct" enctype="multipart/form-data" method="POST" action="{{ route('
<form id="addproduct" enctype="multipart/form-data" method="POST" action="{{ route('admin.posts.update', $post->id) }}">
{{ csrf_field() }}
{{method_field('PATCH')}}
<input class="form-control" name="title">
<div id="myAwesomeDropzone" class="dropzone"></div>
<button type="button" id="submit_form" class="btn btn-primary">Send</button>
</form>
<script>
Dropzone.options.myAwesomeDropzone = {
url: '/admin/posts/{!! json_encode($post->id) !!}',
method: 'PUT',
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 3,
maxFiles: 3,
addRemoveLinks: true,
thumbnailMethod: 'crop',
resizeWidth: 500,
resizeHeight: 500,
resizeQuality: 0.3,
acceptedFiles: ".jpg, .jpeg, .png",
dictDefaultMessage: "Drop your files here!",
init: function () {
var myDropzone = this;
$('#submit_form').on("click", function (e) {
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
});
this.on("sending", function(file, xhr, formData){
$('#addproduct').each(function() {
title = $(this).find('input[name="title"]').val();
formData.append('title', title);
});
});
this.on("success", function(file, response) {
});
this.on("completemultiple", function(files) {
// Here goes what you want to do when the upload is done
// Redirect, reload , load content ......
});
},
};
</script>
{{csrf_field()}}
{{method_字段('PATCH')}
发送
Dropzone.options.myAwesomeDropzone={
url:“/admin/posts/{!!json_encode($post->id)!!}”,
方法:'放',
自动处理队列:false,
uploadMultiple:true,
并行上传:3,
maxFiles:3,
addRemoveLinks:是的,
thumbnailMethod:“裁剪”,
尺寸宽度:500,
尺寸高度:500,
尺寸质量:0.3,
acceptedFiles:“.jpg、.jpeg、.png”,
dictDefaultMessage:“将文件放在此处!”,
init:函数(){
var myDropzone=this;
$(“#提交表格”)。在(“单击”,功能(e){
e、 预防默认值();
e、 停止传播();
myDropzone.processQueue();
});
this.on(“发送”,函数(文件、xhr、formData){
$('#addproduct')。每个(函数(){
title=$(this.find('input[name=“title”]).val();
formData.append('title',title);
});
});
此.on(“成功”,函数(文件,响应){
});
此.on(“completemultiple”,函数(文件){
//上传完成后,你想做什么
//重定向、重新加载、加载内容。。。。。。
});
},
};
尝试将方法更改为POST,并将_方法和_令牌输入附加到发送的formData。每次我使用的HTTP动词不是GET、HEAD或POST,我都会包含这些字段并将POST发送到URL。尝试将方法更改为POST,并将_方法和_标记输入附加到发送的formData。每次我使用一个不是GET、HEAD或POST的HTTP动词时,我都会包含这些字段并将其发布到URL