Dropzone init() 未执行

Question

我正在定制 dropzone.js

我的布局是：

我的HTML内容是：

<form action="/Drag/SaveUploadedData/" enctype="multipart/form-data" id="dropzoneForm">
<div class="dropzone" id="mydropzone"></div>
<div style="position:absolute;bottom:0;">
    <ul style="color:red;">
        <li style="list-style-type:square;">
            Invalid file name/type
        </li>
    </ul>
</div>
<input type='file' id='fileUpload' style='opacity:0;' multiple onchange="javascript: addFilesToDropzone();" />

我正在使用 link 作为名为“Browse”的文件上传

单击此按钮，将打开一个打开文件对话框，我们将选择文件。

我在#fileUpload的onchange="javascript: addFilesToDropzone();"事件中写过。这将触发以下功能，

function addFilesToDropzone()
{
    document.getElementById('mydropzone').files = document.getElementById('fileUpload').files;

    Dropzone.options.mydropzone = {
        init: function () {
            //var dropZone = this;
            if (document.getElementById('mydropzone').files.length > 0) {
                alert();
                $.each(files, function (index, item) {
                    this.emit('addedfile', 'uploading');
                });
            }

        }
    };
}

我的问题是，它没有执行 Dropzone.options.mydropzone 行，因此它没有执行 init().

我从 #fileUpload 输入中获取了文件，但它没有执行 init() 以调用 dropzone.js 中的 addedfile 方法

为什么会这样？以及如何解决这个问题？

Answer 1

在此代码中，您在对象选项内定义了一个名为 mydropzone 的 javascript 对象，该对象位于对象 Dropzone 内。

在对象 mydropzone 中，您定义了一个名为 init 的函数。

 Dropzone.options.mydropzone = {
        init: function () {
            //var dropZone = this;
            if (document.getElementById('mydropzone').files.length > 0) {
                alert();
                $.each(files, function (index, item) {
                    this.emit('addedfile', 'uploading');
                });
            }

        }
    };

现在为了调用这个函数你需要做：

Dropzone.options.mydropzone.init();

Dropzone init() 未执行

Dropzone init() is not executing

html

javascript

jquery

dropzone.js