Javascript 如何使用不同的按钮提交dropzone.js
我将dropzone.js与Laravel一起使用 我用两个不同的按钮提交文件,见下图 单击“合并并上载为一个文件”时,我希望将此按钮值发送到控制器 当单击“分别保存每个文件”时,我想将此按钮发送给值控制器 我使用一个全局变量作为输入,它工作正常,但问题是当我按下一个按钮时,它发送的是旧值,而不是当前值 谢谢你的帮助 这是我的表格: 以下是dropzone的脚本:Javascript 如何使用不同的按钮提交dropzone.js,javascript,laravel-5,dropzone.js,dropzone,Javascript,Laravel 5,Dropzone.js,Dropzone,我将dropzone.js与Laravel一起使用 我用两个不同的按钮提交文件,见下图 单击“合并并上载为一个文件”时,我希望将此按钮值发送到控制器 当单击“分别保存每个文件”时,我想将此按钮发送给值控制器 我使用一个全局变量作为输入,它工作正常,但问题是当我按下一个按钮时,它发送的是旧值,而不是当前值 谢谢你的帮助 这是我的表格: 以下是dropzone的脚本: 您正在processQueue之后更改输入值 代替 $(".submit-merge").click(function (e
您正在processQueue之后更改输入值 代替
$(".submit-merge").click(function (e) {
alert('
<input >
');
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
input = 'merge_file';
console.log(input);
});
$(".submit-separate").click(function (e) {
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
input = 'separate_file';
console.log(input);
});
尝试:
顺便说一句,不相关,但在你的br标签前有两个结束div。你只需要一个。
<script>
Dropzone.options.myAwesomeDropzone = { // The camelized version of the ID of the form element
// The configuration we've talked about above
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 25,
maxFiles: 25,
acceptedFiles:'.pdf',
// The setting up of the dropzone
init: function() {
var myDropzone = this;
var input = 'Null';
$(".submit-merge").click(function (e)
{
alert('
<input >
');
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
input = 'merge_file';
console.log(input);
});
$(".submit-separate").click(function (e) {
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
input = 'separate_file';
console.log(input);
});
// });
// $(".submit-separate").click(function (e) {
this.on("sendingmultiple", function(file, xhr, formData) {
//Add additional data to the upload
formData.append(input, $('#'+input).val());
});
this.on("success", function(file, responseText) {
// location.reload();
console.log('dfd');
});
}
}
</script>
$(".submit-merge").click(function (e) {
alert('
<input >
');
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
input = 'merge_file';
console.log(input);
});
$(".submit-separate").click(function (e) {
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
input = 'separate_file';
console.log(input);
});
$(".submit-merge").click(function (e) {
alert('
<input >
');
e.preventDefault();
e.stopPropagation();
input = 'merge_file';
console.log(input);
myDropzone.processQueue();
});
$(".submit-separate").click(function (e) {
e.preventDefault();
e.stopPropagation();
input = 'separate_file';
console.log(input);
myDropzone.processQueue();
});