我的项目中都有多个dropzones,它们都非常相似。在其中一个上,我必须创建一个最小文件宽度,但是视频Dropzone与文件宽度代码无法使用。我最终不得不为每个Dropzone创建一个单独的选项调用。这为两个选项调用的函数创建了许多重复的代码。有什么方法可以为我的所有选项创建命名函数表达式并使用这些名称,以使我没有太多重复的代码?
Dropzone.options[item.substring(1, item.length)] = {
acceptedFiles: files,
previewTemplate: document.getElementById('tpl').innerHTML,
accept: function(file, done) {
file.acceptDimensions = done;
file.rejectDimensions = function () { done("Image must be at least 450 pixels wide."); }
},
init: function () {
this.on("thumbnail", function (file) {
if (file.width !== undefined) {
if (file.width < 3 * 150) { // File must be at least 3 blocks wide
file.rejectDimensions();
} else {
file.acceptDimensions();
}
}
});
this.on("success", function (file, response) {
// code here, including persist variable, which I need to pass in
generateUIDs(Dropzone.forElement(item).files, persist);
// more code
});
},
sending: function (file) {
Dropzone.forElement(item).removeAllFiles();
},
removedfile: function (file) {
// code here, also need persist for this call
generateUIDs(Dropzone.forElement(item).files, persist);
//more code
}
};
理想情况下,我希望接受,发送和将其删除到每个行中,以引用一个命名函数表达式,而我的持久变量正在传递。我希望Init Events要做同样的事情。<<<<<<<<<<<<<<<<<<<<<<<</p>
我发现了语法:
Dropzone.options[item.substring(1, item.length)] = {
acceptedFiles: files,
maxFilesize: 512,
previewTemplate: document.getElementById('tpl').innerHTML,
init: function () {
this.on("success", function (file, response) { return DropzoneOnSuccess(file, response, item, persist, btn) });
},
sending: function (file) {
Dropzone.forElement(item).removeAllFiles();
},
removedfile: function (file) { return DropzoneRemoved(file, item, persist, saver, btn); }
};
var DropzoneAccept = function (file, done) {
file.acceptDimensions = done;
file.rejectDimensions = function () { done("Image must be at least 450 pixels wide."); }
};
var DropzoneCheckThumbnail = function (file) {
if (file.width !== undefined) {
if (file.width < 3 * 150) { // File must be at least 3 blocks wide
file.rejectDimensions();
} else {
file.acceptDimensions();
}
}
};
var DropzoneOnSuccess = function (file, response, persist) {
// code
generateUIDs(Dropzone.forElement(item).files, persist);
//more code
};
var DropzoneRemoved = function (file, persist) {
// code
generateUIDs(Dropzone.forElement(item).files, persist);
// more code
};