bootstrap 文件上传样式教程

2025-10-23 04:26:12

1、首先要编辑页面

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

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

 </form>

bootstrap 文件上传样式教程

2、需要编辑js页面

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

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

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

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

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

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

 });

bootstrap 文件上传样式教程

3、编辑后台页面

   @RequestMapping(value = "/uploadFile")

    @ResponseBodypublic String uploadFile(MultipartHttpServletRequestfile) {   

    

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

         

        File newFile=new File(path);

        file.transferTo(newFile);

}

bootstrap 文件上传样式教程

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢