boostrap拖拽批量上传文件

Bootstrap并不是直接提供拖拽批量上传文件的功能，但它可以与其他JavaScript库配合，如Dropzone.js或Fine Uploader等，来实现这个功能。Dropzone.js是一个流行的前端文件上传组件，它允许用户通过拖放的方式上传单个或多个文件，并且支持断点续传、预览图片等功能。

要在Bootstrap项目中集成文件批量上传，你可以按照以下步骤操作：

1. 引入Bootstrap和相关的文件上传库，比如在HTML中添加CDN链接：

   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/dropzone@5/dist/min/dropzone.min.js"></script>

2. 在页面上创建一个Dropzone区域：

   <div id="my-dropzone" class="dropzone dz-clickable"></div>

然后使用Dropzone的初始化函数设置选项，例如：

   $(document).ready(function() {
       var myDropzone = new Dropzone("#my-dropzone", {
           url: "/api/upload",
           maxFiles: 5, // 可选最大上传文件数
           acceptedFiles: "image/*,application/pdf", // 允许的文件类型
           init: function() {
               this.on("success", function(file, response) {
                   console.log("File " + file.name + " uploaded successfully.");
               });
           }
       });
   });

3. 这里`/api/upload`应该替换为你实际的服务器端处理文件上传的API路径。