当前位置:Gxlcms > JavaScript > BootStrapfileinput.js文件上传组件实例代码

BootStrapfileinput.js文件上传组件实例代码

时间:2021-07-01 10:21:17 帮助过:34人阅读

这篇文章主要介绍了BootStrap fileinput.js文件上传组件实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下

1.首先我们下载好fileinput插件引入插件

2.html设置:

3.初始化设置:

注:要想使用控件自带的upload按钮,以及上传进度,必须用form包裹
(当然也可以在初始化的时加入 enctype: 'multipart/form-data',是一样的)但不用定义action

最后通过后台进行正常的上传就好了。

BootStrap fileinput.js文件上传组件实例代码

BootStrap fileinput.js文件上传组件实例代码


BootStrap fileinput.js文件上传组件实例代码

有些朋友说我没写明白,好吧我把后台代码贴出:

servlet:

其实后台不用可以接收,我们通过解析request就能获取一个或者多个上传的文件。上面代码主要核心代码:

输出流)磁盘上 out.write(buf, 0, length); } in.close(); out.close(); } } } catch (FileUploadException e) { log.error("文件上传异常:",e); } catch (Exception e) { log.error("文件处理IO异常:",e); } return filename ; } </span>

以上所述是小编给大家介绍的BootStrap fileinput.js文件上传组件实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家PHP中文网的支持!

更多BootStrap fileinput.js文件上传组件实例代码相关文章请关注PHP中文网!

人气教程排行