bootstrap 多文件上传

```

<link href="/static/backend/css/fileinput.css" rel="stylesheet" />

 <script src="/static/backend/js/fileinput.js"></script>

 <link href="/static/backend/css/fileinput.min.css" rel="stylesheet" />

 <script src="/static/backend/js/fileinput.min.js"></script>

      <div class="file-loading">

        <input type="file" id="myfile" name="myfile[]" multiple data-allowed-file-extensions='["csv"]'/>//只能是csv 文件。 name=myfile[] 可以上传多个文件

       </div>

 </div>

Js

 $("#myfile").fileinput({

uploadUrl: "/backend/home/upload", //上传地址

uploadAsync: false, //设置上传同步异步 此为同步

            showUpload: true,

            showRemove: true,

         //   showClose: true,

maxFileCount: 10, //表示允许同时上传的最大文件个数

          /*  layoutTemplates:{

                actionDelete: ''

            },

            browseClass: 'btn btn-primary'*/

        })

后台/backend/home/upload

 public function upload(){

        var_dump($_FILES['myfile'])

      foreach ($_FILES["myfile"]['tmp_name'] as$k =>$v){

                   move_uploaded_file($v,ROOT_PATH.'public'.DS.'uploads'.DS.$_FILES['myfile']['name'][$k])

Uploads要自己创建好文件夹

            }

        return 1// 上传后要返回1

    }

```

<input type="file" id="myfile" name="myfile" multiple 控制可以上传多个 data-allowed-file-extensions='["csv"]'/>

 当点击上传后，报错，提示你必须选择最少X个文件上传。

input标签元素属性：data-min-file-count="2" 设置为X个文件，限制上传文件数。

data-allowed-file-extensions= '["csv"]'

限定上传什么文件。

可以双击该server配置。

1.错误症状：右击tomcat server，选择start，出现下图所示错误2.错误原因：我为了方便管理，把tomcat安装到了当前的eclipse-project目录下：E:/workspace/xxx_project/apache-tomcat-6.0.37，如下图所示另外，也有可能是bootstrap.jar的路径配置错误，可以双击该server配置，见解决方案3.解决方案 针对我目前的问题，把tomcat的安装路径挪到另一个位置即可，不要安装到跟你的web-project的目录在同一个位置（尤其是eclipse创建的project），例如E:/apache-tomcat-6.0.37

在计算机中,路径是指用户在磁盘上搜索文件时所经过的文件夹路径。路径分为绝对路径和相对路径。

我们开始适用bootstrap来制作网页，我用的编辑器是dreamweaver，这是一个学网页前段开发的人不能少的软件，就不多说了。下面看看网页中需要怎么加载bootstrap中的资源呢。首先在Dw中创建一个html5文件，在开始页面点击【更多】选择文档类型，然后点击确定在代码视图我们先看看基本的代码按下Ctrl+s保存该文件到bootstrap文件夹下面，在dist文件夹中保存有bootstrap中的css、js等文件在css样式面板，点击链接，我们来引入bootstrap中css样式点击浏览，找到bootstrap,点击download选择一个你自己需要的版本，我下载的如图所示将下载下来的文件放到js文件夹中回到Dw，在插入面板中，点击【脚本】引入刚才下载得到的jquery，点击确定；之后同样的方法才能引用bootstrap.min.js文件这是最后得到的源码。现在bootstrap官方提供了CDN加速服务，即使你不下载bootstrap文件到本地，也能调用，调用的方式是：用这一段代码替换掉上面那一句调用js的方法是用下面这两句替换带哦上面这两句。

---