Bootstrap 文件上传组件 --- Bootstrap fileinput 使用方法记录 上传文件 java Bootstrap fileinput 上传文件

Bootstrap 文件上传组件 --- Bootstrap fileinput 使用方法记录 上传文件

 

一、下载地址

1、下载： https://github.com/kartik-v/bootstrap-fileinput

2、demo： https://github.com/kartik-v/bootstrap-fileinput-samples

3、示例： http://plugins.krajee.com/file-input/demo

 

二、代码示例

1、引入 css 和 js 文件 。 （${ctxStatic } 开头的是 bootstrap-fileinput 插件的文件）

 

2、html 代码

    
BootStrap FileInput 文件上传
	

        Chinese Input
        

            
        
    
    

    
上传成功的图片显示在下面
    

3、插件相关配置

 

三、服务端接口

１、配置好 uploadUrl 服务端接口即可实现文件上传，这里不提供具体实现。毕竟服务端太多，　java，python，c，php 等等。

2、java 使用Servlet文件上传： 原生Servlet文件上传和下载Servlet多个文件上传

3、java 使用SpringMVC文件上传： springMVC使用ajax实现文件上传

 

 

四、测试

1、插件初始化后，效果如下：

 

2、选中文件后

 

3、上传成功后，回显图片

 

 

PS：有问题，请留言。 若写的不够明白，可以提供源码，谢谢。