bootstrap 文件上传样式教程

1、1.首先要编辑页面

<form enctype="multipart/form-data">                 

    <input id="file-zh"  name="files" type="file"  multiple>      

 </form>

2、2，需要编辑js页面

$('#file-zh').fileinput({

 language: 'zh', //设置语言

 uploadUrl: '/upup', //上传的地址

 allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀

 showUpload: false, //是否显示上传按钮

 showCaption: false,//是否显示标题

 });

3、3.编辑后台页面

   @RequestMapping(value = "/uploadFile")

    @ResponseBodypublic String uploadFile(MultipartHttpServletRequestfile) {   

      String path="D:/"+new Date().getTime()+file.getOriginalFilename();

        File newFile=new File(path);

        file.transferTo(newFile);

}

4、4.这是最简单的实现，具体js上有哪些属性可自行百度一下，需要啥，加啥，希望对你有用，有问题可以联系我哦