bootstrap fileinut插件详解
来源:互联网 发布:tushare mysql 编辑:程序博客网 时间:2024/06/11 13:14
相信很多人看到bootstrap 提供的fileinput插件,对其界面和功能的强大深感满意,唯一美中不足的就是官网提供的资料太少,网上的信息太杂太乱,想研究出来确实非常麻烦,吃力,我也是因为公司的旧项目中上传功能太low,看到fileinput后毫不犹豫的开始研究,经过去官网看那些英文文档,网上收集了一些零零碎碎的资料,花了一天半的时间才弄出来,不过现在也体会到了这个插件的强大之处,好了,废话不多说了,直接上代码:
如下图,就是上传的完整信息,uploadUrl就是上传的后台方法,因为我用的jfinal的后台框架,非常简单,这里就不提供了,上传成功后从会回调fileuploaded事件,获取到上传成功后后台返回的文件信息,多张用逗号隔开,相信这里大家看起来非常轻松,我但是遇到两个问题,一个是商城成功后进入详情界面的时候如何把图片在插件中重新回显出来,另一个是如何删除上传成功的文件,对当初的我来说,被这两个问题困扰住了,皇天不负有心人,终究是被我捣鼓出来了,大神勿笑,确实对我一个写后台的来说,任何前端的进步都让我高兴,看下面的第二张图片,是不是很简单,哈哈,首先获取到上传的文件信息,根据文件的类型判断展示的格式,这里我给出了txt和图片,经过测试,是可以至此视频和音频文件,改动不大,这里就不提供了
阅读全文
0 0
- bootstrap fileinut插件详解
- bookstrap插件 FileInut入门使用
- 初涉bootstrap:bootstrap 插件
- Bootstrap 插件
- Bootstrap 插件
- Bootstrap插件
- 关于bootstrap-datetimepicker 插件的配置参数详解
- Bootstrap树形菜单插件TreeView.js使用方法详解
- 详解Bootstrap中JS插件实现下拉菜单效果
- Bootstrap分页插件--Bootstrap Paginator
- Bootstrap分页插件--Bootstrap Paginator
- bootstrap分页插件Bootstrap Paginator
- Bootstrap分页插件--Bootstrap Paginator
- Bootstrap表格插件--bootstrap-table
- 扒一扒使用boostrap-fileinput上传插件遇到的坑,Bootstrap-fileinput上传插件的使用详解,
- 基于 bootstrap gird 插件
- bootstrap:日期插件
- Bootstrap分页插件
- 开启Mac OS X ssh 服务器 与使用
- 上拉刷新,下拉加载
- 【leetcode】4. Median of Two Sorted Arrays(Python & C++)
- 14.耗时命令日志
- Linux下的lds链接脚本基础
- bootstrap fileinut插件详解
- Git12 stash
- [PAT]Emergency (25)@Java
- 【jzoj5335】【NOIP2017提高A组模拟8.24】【早苗】【矩阵乘法快速幂】
- Android零基础入门第44节:ListView数据动态更新
- c++初级 之 c语言的字符串cstring
- ViewPage+Fragment+ListView+ImageLoade的无限轮播
- 解决用浏览器下载文件时,文件大小不显示,也没进度
- QT 关于emit VS2008和VS2013的不同