我已经按照教程将正常形式与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 …Run Code Online (Sandbox Code Playgroud)