我遵循了将普通表单与Dropzone结合使用的教程(https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone),并且生成的页面在最新版本的Google Chrome浏览器中可以完美运行。
但是,当我在IE10中测试同一页面时,拖放不起作用。放置区是可单击的,我可以将文件上传到服务器,因此放置区已正确初始化。只是拖放功能不起作用。
当我在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>
当然,样式表也已添加到页面中。
我是否错过了一些配置,或者这是浏览器的问题?
事实证明,当我从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中打开该站点。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句