Dropzone JS 不使用配置
Dropzone JS not using Config
我正在尝试根据我的需要简单地配置一个 Dropzone 元素。
但是,它似乎不想加载我的配置。
目前我已经安装并加载了最新的 Dropzone JS。
这是我使用的代码
<form id="omadropzone" action="upload/doupload.php" class="dropzone"></form>
<script>
window.onload = function() {
Dropzone.options.omadropzone = {
maxFilesize: 500,
init: function() {
this.on("uploadprogress", function(file, progress) {
console.log("File progress", progress);
});
}
};
</script>
在过去的 30 分钟里,我一直在尝试我在 Internet 上找到的所有内容。
我似乎无法弄清楚缺少什么。
控制台没有任何显示
我以某种方式让它在
下使用这段代码
Dropzone.optionsForElement = function (element) {
// Get the `Dropzone.options.elementId` for this element if it exists
if (element.getAttribute("id")) {
return Dropzone.options[camelize(element.getAttribute("id"))];
} else {
return undefined;
}
};
在我添加的 Dropzone JS 中
Dropzone.options.datenhochlad = {
autoProcessQueue: false,
url: '/test/upload/doupload.php',
init: function () {
var myDropzone = this;
// Update selector to match your button
$("#hochladdaten").click(function (e) {
e.preventDefault();
myDropzone.processQueue();
});
this.on('sending', function(file, xhr, formData) {
// Append all form inputs to the formData Dropzone will POST
var data = $('#datenhochlad').serializeArray();
$.each(data, function(key, el) {
formData.append(el.name, el.value);
});
});
}
我正在尝试根据我的需要简单地配置一个 Dropzone 元素。 但是,它似乎不想加载我的配置。
目前我已经安装并加载了最新的 Dropzone JS。
这是我使用的代码
<form id="omadropzone" action="upload/doupload.php" class="dropzone"></form>
<script>
window.onload = function() {
Dropzone.options.omadropzone = {
maxFilesize: 500,
init: function() {
this.on("uploadprogress", function(file, progress) {
console.log("File progress", progress);
});
}
};
</script>
在过去的 30 分钟里,我一直在尝试我在 Internet 上找到的所有内容。 我似乎无法弄清楚缺少什么。
控制台没有任何显示
我以某种方式让它在
下使用这段代码Dropzone.optionsForElement = function (element) {
// Get the `Dropzone.options.elementId` for this element if it exists
if (element.getAttribute("id")) {
return Dropzone.options[camelize(element.getAttribute("id"))];
} else {
return undefined;
}
};
在我添加的 Dropzone JS 中
Dropzone.options.datenhochlad = {
autoProcessQueue: false,
url: '/test/upload/doupload.php',
init: function () {
var myDropzone = this;
// Update selector to match your button
$("#hochladdaten").click(function (e) {
e.preventDefault();
myDropzone.processQueue();
});
this.on('sending', function(file, xhr, formData) {
// Append all form inputs to the formData Dropzone will POST
var data = $('#datenhochlad').serializeArray();
$.each(data, function(key, el) {
formData.append(el.name, el.value);
});
});
}