注意:我厌倦了所有问题&回答相关这个话题。
我使用表单标记,然后完全正常工作。请参阅代码Here。
我想在我的Div标签中删除Dropzone。但有些怎么行不通。请参阅代码Here
摘录示例如下。
Dropzone.autoDiscover = false;
$("#mydropzone").dropzone({
//url: "/file/post",
addRemoveLinks: true,
maxFilesize: 0.5,
dictDefaultMessage: '<span class="text-center"><span class="font-lg visible-xs-block visible-sm-block visible-lg-block"><span class="font-lg"><i class="fa fa-caret-right text-danger"></i> Drop files <span class="font-xs">to upload</span></span><span>  <h4 class="display-inline"> (Or Click)</h4></span>',
dictResponseError: 'Error uploading file!'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/basic.css" rel="stylesheet"/>
<div class="clsbox-1" runat="server" >
<div class="dropzone clsbox" id="mydropzone">
</div>
</div>
答案 0 :(得分:7)
经过长时间研究Dropzone后,我得到了最佳解决方案
<强> HTML 强>
<div class="clsbox-1" runat="server" >
<div class="dropzone clsbox" id="mydropzone">
</div>
</div>
<强>脚本强>
Dropzone.autoDiscover = false;
// Dropzone class:
var myDropzone = new Dropzone("div#mydropzone", { url: "/file/post"});
// If you use jQuery, you can use the jQuery plugin Dropzone ships with:
$("div#myDrop").dropzone({ url: "/file/post" });
JsFiddle演示 Here