菜单

据悉bootstrap的文件上传控件bootstrap fileinput

2018年11月15日 - Bootstrap

域外牛人做的bootstrap
fileinput挺酷的,但是可惜没提供由定义及污染成回调事件之接口,因此觉得大头疼,但是那个幸运的是,我于网上找到一个提问帖子,它问到下Jquery的on函数绑定事件绑定fileuploaded为什么没博得到response的数额,
我望这就眼前一亮,赶紧试一试跳,自己测试发现果然可以为!返回的response数据为蛮全呢,那位兄弟为什么不怕非得以?不管怎样,还是谢谢他的建议。

正文实例为大家分享了文件上传控件bootstrap
fileinput的运方法,供大家参考,具体内容如下

 

github地址:https://github.com/kartik-v/bootstrap-fileinput
官网:http://plugins.krajee.com/file-input

异常粗略一久告句经验可以解决这样的难题,jquery真是牛逼:

1.生充斥压缩文件.

$(“#file-4”).on(“fileuploaded”, function(event, data, previewId, index)
{

2.导入文本

}

bootstrap-fileinput/css/fileinput.min.css
bootstrap-fileinput/js/fileinput.min.js


假如要考虑被文化,那么还得引入文件:

bootstrap-fileinput/js/fileinput_locale_zh.js

<link type="text/css"rel="stylesheet"href="${ctx}/components/fileinput/css/fileinput.css" />
<script type="text/javascript" src="${ctx}/components/fileinput/js/fileinput.js"></script>
<script type="text/javascript" src="${ctx}/components/fileinput/js/fileinput_locale_zh.js"></script>

<body>
<input type="file" name="image" class="projectfile" value="image.png"/>
<!--
1. type=file和class=projectfile,指明其为input file类型。 
2. name指定其在后台的获取key。 
3. value指定其在展示的时候图片路径。
-->
</body>
<script>
 control.fileinput({
 language: 'zh', //设置语言
 uploadUrl: uploadUrl, //上传的地址
 allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀
 showUpload: false, //是否显示上传按钮
 showCaption: false,//是否显示标题
 browseClass: "btn btn-primary", //按钮样式  
 previewFileIcon: "<i class='glyphicon glyphicon-king'></i>", 
 });
</script>

以上就是是本文的全部内容,希望对大家之学有帮助,也期待大家多支持脚本的寒。

君或许感兴趣之稿子:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图