Dropzone.js 不工作，没有错误

Question

我正在使用 Dropzone.js 上传文件，但它的行为很奇怪。当我打开页面时，dropzone 表单没有显示，只有后备字段。当我将文件拖放到浏览器中时，浏览器会打开该文件，然后我使用浏览器上的后退按钮并显示 Dropzone 表单。我尝试在 init 函数中添加一个警报，它仅在我按返回时触发（第二种情况）。控制台中没有错误。代码如下：

<!-- Dropzone -->
<div id="dropzone">
    <form action="<?php echo site_url('/settings/upload'); ?>" class="dropzone" id="upload">
        <div class="fallback">
            <input name="file" type="file" multiple />
        </div>
    </form>
</div>

<!-- Dropzone -->
<script src="<?php echo base_url(); ?>assets/common/theme/scripts/plugins/forms/dropzone/dropzone.min.js"></script>

<script type="text/javascript">
    Dropzone.options.upload = {
        paramName: "info",
        maxFilesize: 0.1,
        init: function() {
            alert("test");
            this.on("error", function(file, msg) {
                alert(msg);
            });
            this.on("success", function(file, msg) {
                var data = jQuery.parseJSON( msg );

                if (data.success) {
                    alert("success");
                } else {
                    alert(data.message);
                }
            });
        }
    };
</script>

Answer 1

原来是 cloudflare 火箭装载机的问题。使用 data-cfasync="false" 从其中排除了两个 <script> 语句并且它起作用了。