如何使用MDBootstrap和jQuery拖放文件上传

时间:2019-07-15 01:49:09

标签: jquery mdbootstrap

我正在将MDBootstrap与jQuery和用于拖放文件上传的插件一起使用。我有Pro插件,并使用HTML:

<div class="file-upload-wrapper">
    <div class="input-group mb-3">
        <input type="file" id="input-file-now" class="file_upload" />
    </div>
</div>

<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="../js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="../js/mdb.min.js"></script>
<script type="text/javascript" src="../js/addons/datatables.min.js"></script>
<script type="text/javascript" src="../js/addons/mdb-file-upload.min.js"></script>
<script>
  $('.file_upload').file_upload();
</script>

我之前添加了一个按钮,用于提交表单,它可以工作,可以处理表单,但是插件中必须内置一些功能才能进行AJAX上传,但是缺少有关HOW的文档。有人可以帮我吗?

我尝试将console.log('success');添加到file_upload()中的匿名函数之内,例如

$('file_upload').file_upload(functin(){
     console.log('successful upload');
});

但这没做。

0 个答案:

没有答案