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

Question

我已经按照教程将正常形式与Dropzone(https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone)结合使用,结果页面在最新版本的谷歌浏览器中完美运行.

但是,当我在IE10中测试同一页面时拖放不起作用.丢弃区域是可单击的,我可以将文件上传到服务器,因此可以正确初始化dropzone.只是拖放功能不起作用.

当我在http://www.dropzonejs.com/上尝试演示时,拖放工作在IE10中.

我检查了IE互联网选项,一切都已启用,我还将localhost添加到可信站点.

这是我的代码:

<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以调试模式访问页面时,拖放不起作用.如果我从新打开的浏览器访问该页面,它可以正常工作.

根据线程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中打开该站点.