Dropzone JS不使用Config

时间:2019-03-13 16:49:33

标签: javascript php configuration dropzone

im试图根据我的需要简单地配置一个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分钟以来,我一直在尝试着尝试在互联网上找到的所有内容。 我只是似乎无法弄清缺少什么。

控制台中未显示任何内容

1 个答案:

答案 0 :(得分:0)

我以某种方式使它在

下与这段代码一起工作
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);
            });

        });

    }