单函数多重降带
提问于 2015-11-18 21:32:20
我有一个包含多个Dropzone的表单，用于图像上传。下面是我的代码：
HTML
<form>
<input type="text">
<div>
<div>
<div class="dropzone dropzone-previews" id="test-image1"></div>
<div class="dropzone dropzone-previews" id="test-image2"></div>
</div>
<div>
<div class="dropzone dropzone-previews" id="test-image3"></div>
<div class="dropzone dropzone-previews" id="test-image4"></div>
</div>
</div>
</form>JavaScript：
$(function () {
Dropzone.options.testImage1 = {
url: "test1.php",
maxFiles : 10,
paramName: "file1",
maxFilesize: 2,
}
Dropzone.options.testImage2 = {
url: "test2.php",
maxFiles : 20,
paramName: "file2",
maxFilesize: 10,
}
Dropzone.options.testImage3 = {
url: "test3.php",
maxFiles : 30,
paramName: "file3",
maxFilesize: 20,
}
Dropzone.options.testImage4 = {
url: "test4.php",
maxFiles : 40,
paramName: "file4",
maxFilesize: 5,
}
});现在我有4个不同的Dropzone函数，用于4个div。这是正常工作的。
实际上，在我的项目中，有很多使用图像上传&我将在不同的页面上多次使用Dropzone。
我的问题是--我是否可以编写一个Dropzone函数&传递Id、maxFiles、paramName、maxFilesize等参数值&可能是其他值，这样我就不必编写多个Dropzone函数了？
提前谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-11-19 05:41:14
嗯，我不确定这是否是您要寻找的东西，但我想到的一件事是，您可以使用divs来设置选项，然后在javascript中使用这个id来配置dropzone元素。
这里是一个使用jQuery的通用示例，包含您在问题中提到的参数：
html：
<div class="dropzone" id="image-1-10-1"></div>
<div class="dropzone" id="image-2-20-2"></div>
<div class="dropzone" id="image-3-30-3"></div>
<div class="dropzone" id="image-4-40-4"></div>联署材料：
Dropzone.autoDiscover = false;
$('.dropzone').each(function(){
var options = $(this).attr('id').split('-');
var dropUrl = 'test' + options[1] + '.php';
var dropMaxFiles = parseInt(options[2]);
var dropParamName = 'file' + options[1];
var dropMaxFileSize = parseInt(options[3]);
$(this).dropzone({
url: dropUrl,
maxFiles: dropMaxFiles,
paramName: dropParamName,
maxFilesSize: dropMaxFileSize
// Rest of the configuration equal to all dropzones
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33795948
复制相关文章
腾讯云开发者
