使用edge和11拖放问题

Question

您好我正在尝试实施拖放功能。我的想法是我需要从桌面拖放图像到拖放区域。我很困惑为什么这对铬完全没问题。它不想在Edge或11中工作。当我拖放图像时，它会被重定向。我正在使用asp freeloader。我对前端没有多少经验，所以也许我想念的东西很简单。

                <asp:FileUpload runat="server"
                class="fileupload-hidden-button"
                ClientIDMode="Static"
                ID="fileUpload"
                onchange="submitFile(this);" />
            <asp:Button runat="server"
                class="submitfile-hidden-button btn btn-sm"
                OnClick="SubmitFile_Click"
                ID="btnSubmit"
                Text="Load" />

            function callondrop(e) {

            e.stopPropagation();
            if ((e.dataTransfer && e.dataTransfer.files) || (e.dataTransfer && e.dataTransfer.files)) {
                var files = e.target.files || e.dataTransfer.files;
                console.log("callondrop files");
                submitFile(files[0]);


                $('#files')[0].files = files;
                $('#btnSubmit').click();
            }

            return false;
        }


            function submitFile(file) {
            if (!validate || CheckExtension(file)) {

                console.log(file);
                $("#btnSubmit").click();
                console.log("btn submitted");
            }
        };

我也在iframe中进行图片上传。

我包含了我认为可能相关的所有代码。我已经尝试过遵循HTML 5教程，但似乎它使用html 4而我无法改变它。任何建议???