时间戳

首页 > 解决方案 > 如何使用 MDBootstrap 和 jQuery 拖放文件上传

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

问题描述

我正在使用带有 jQ​​uery 的 MDBootstrap 和用于拖放文件上传的插件。我有 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 上传，但是缺少有关如何上传的文档。谁能帮我吗？

我试过console.log('success');在file_upload()里面添加一个匿名函数，比如

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

但这什么也没做。

标签： jquerymdbootstrap

解决方案

推荐阅读