javascript - Dropzone.js 拖放在 IE10 中不起作用

Question

我已按照教程将普通表单与 Dropzone 结合 ( https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone ) 生成的页面在最新版本的 Google Chrome 中完美运行。

但是，当我在 IE10 中测试同一页面时，拖放操作不起作用。拖放区是可点击的，我可以将文件上传到服务器，因此拖放区已正确初始化。只是拖放功能不起作用。

当我在 http://www.dropzonejs.com/ 上尝试演示时拖放在 IE10 中有效。

我检查了 IE 的互联网选项，一切都已启用，我还将本地主机添加到受信任的站点。

这是我的代码:

<script src="~/Scripts/dropzone.js"></script>
<script type="text/javascript">
    Dropzone.options.dropzoneForm = {
        autoProcessQueue: false,
        uploadMultiple: true,
        parallelUploads: 100,
        maxFiles: 100,
        addRemoveLinks: true,
        createImageThumbnails: false,

        // The setting up of the dropzone
        init: function() {
            var myDropzone = this;

            // First change the button to actually tell Dropzone to process the queue.
            this.element.querySelector("button[type=submit]").addEventListener("click", function(e) {
                // Make sure that the form isn't actually being sent.
                e.preventDefault();
                e.stopPropagation();
                myDropzone.processQueue();
            });
        }
    };
</script>

<form action="~/FileUpload/SaveUploadedFiles" method="post" enctype="multipart/form-data" class="dropzone" id="dropzoneForm">
    <div class="dropzone-previews"></div>
    <button type="submit">Submit data and files!</button>
</form>

当然，样式表也添加到页面中。

我是否遗漏了一些配置或者这是浏览器的问题？

Answer 1

事实证明，当我从 Visual Studio 以 Debug模式访问页面时，拖放不起作用。如果我从新打开的浏览器访问该页面，它工作正常。

根据线程 http://social.msdn.microsoft.com/Forums/silverlight/en-US/383198a9-dbb4-4f94-8713-484e5bacb14b/dragdrop-not-active-during-debugging?forum=silverlightdevtools如果使用不同的帐户/权限执行 Visual Studio 和 IE，就会发生这种情况。在我的例子中，Visual Studio 以管理员身份运行。

因为我不需要调试此页面上的客户端脚本，所以我在测试该页面时只需在新的 IE 中打开该站点即可。