![](/img/trans.png)
[英]Dropzone.js always auto uploads files. Can't set options on dropzone #id - Laravel - Voyager - Dropzone.js
[英]Dropzone - Can't set custom Dropzone.js options
我正在尝试在Laravel网站上使用Dropzone.js 。
这是我的设置:
index.blade.php
:
<form action="/documents" method="POST" class="dropzone" id="my-dropzone" enctype="multipart/form-data">
@csrf
</form>
在我的app.js
文件中,我有以下代码:
window.Dropzone = require('dropzone');
(function () {
Dropzone.autoDiscover = false;
Dropzone.options.myDropzone = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 1, // MB
acceptedFiles: 'image/*,application/pdf',
parallelUploads: 8,
addRemoveLinks: false,
createImageThumbnails: false,
autoProcessQueue: true,
previewTemplate: document.getElementById('dropzone-preview-template').innerHTML,
accept: function (file, done) {
console.log(file.name)
},
};
});
实际的Dropzone元素显示在页面上,我可以使用它来上传文件。 但是,我的Dropzone.options
没有得到尊重。
例如,即使我只希望能够上传图像和PDF文件,我也可以上传大于1MB的文件,可以上传所有文件类型。
如果我移动它: Dropzone.autoDiscover = false;
在(function () {});
,Dropzone元素根本不起作用。
我做错了什么?
您已经将代码包含在匿名函数中,但是没有调用它,因此不会执行插件选项代码。 删除该匿名函数或调用它,如下所示:
(function () {
})(); // call the function
像这样尝试:
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("#dropzone", {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 1, // MB
acceptedFiles: "image/*,application/pdf",
parallelUploads: 8,
addRemoveLinks: false,
createImageThumbnails: false,
autoProcessQueue: true,
previewTemplate: document.getElementById("dropzone-preview-template")
.innerHTML,
accept: function(file, done) {
console.log(file.name);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.