在Bootstrap模式中使用Dropzone.js
我正在使用dropzone.js将文件上传到服务器。 我包含了所有必需的js和css文件，并将文件上传表单放在引导模式中。
我面临的问题是，在模式中，一旦我点击了dropzone，文件选择窗口就不会被触发。 我也不能拖放所需的文件。
我正在使用Laravel 4.在这个问题上的任何方向都会很棒！ 提前致谢。
这是我的代码：
<script type="text/javascript" src="{{ URL::asset('js/dropzone/dropzone- 3.8.4/downloads/dropzone.js') }}"></script>
<link rel="stylesheet" type="text/css" href="{{ URL::asset('js/dropzone/dropzone-3.8.4/downloads/css/dropzone.css') }}">
<div id="fileToBeAdded">
<div class="toBeAdded" data-type="file" style="">
<button id="submit-all">Submit all files</button>
<form action="{{ url('files/upload') }}" id="myDropzone" class="dropzone">
<div class="fallback">
<input name="files[]" type="file" multiple />
</div>
</form>
</div>
</div>
我希望Dropzone的初始化可能存在一些问题
尝试在某些其他元素的点击事件时触发Dropzone。
喜欢 -
$(document).on('click','#someelement',function(){
var myDropzone = new Dropzone("form#formIdWhichULikeToTriggerWithDropzone", { url: 'file_upload_route'});
});