twitter-bootstrap – 在Bootstrap模式中使用Dropzone.js

发布时间：2020-12-18 00:25:13 所属栏目：安全来源：网络整理

导读：我正在使用 dropzone.js将文件上传到服务器.我包含了所有必要的js和css文件,并将文件上传表单放在bootstrap模式中. 我面临的问题是,在模态内部,一旦我点击dropzone,文件选择窗口就不会被触发.我也无法拖放所需的文件. 我正在使用Laravel 4.在这个问题上的任

我正在使用 dropzone.js将文件上传到服务器.我包含了所有必要的js和css文件,并将文件上传表单放在bootstrap模式中.

我面临的问题是,在模态内部,一旦我点击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初始化可能存在一些问题

尝试在其他元素的click事件上触发Dropzone.

喜欢 –

$(document).on('click','#someelement',function(){
 var myDropzone = new Dropzone("form#formIdWhichULikeToTriggerWithDropzone",{ url: 'file_upload_route'});
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!