bootstrap-fileinput
====================
An enhanced HTML 5 file input for Bootstrap 3.x with file preview for various files, offers multiple selection, and more. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, html, video, audio, flash, and objects. In addition, it includes AJAX based uploads, dragging & dropping files, viewing upload progress, and selectively previewing, adding, or deleting files.
![File Input Screenshot](https://lh3.googleusercontent.com/-3FiEmc_okc4/VBw_d2LBAJI/AAAAAAAAAL8/KbVj5X9Dus0/w596-h454-no/FileInput.jpg)
This plugin was initially inspired by [this blog article](http://www.abeautifulsite.net/blog/2013/08/whipping-file-inputs-into-shape-with-bootstrap-3/) and [Jasny's File Input plugin](http://jasny.github.io/bootstrap/javascript/#fileinput). But the plugin has now matured with various additional features and enhancements to be a complete (yet simple) file management tool and solution for web developers.
> NOTE: The latest version of the plugin v4.1.8 has been released. Refer the [CHANGE LOG](https://github.com/kartik-v/bootstrap-fileinput/blob/master/CHANGE.md) for details.
## Features
### File Input Features
1. The plugin will convert a simple HTML file input to an advanced file picker control. Will help fallback to a normal HTML file input for browsers not supporting JQuery or Javascript.
2. The file input consists of the following three sections with options and templates to control the display:
- **_file caption section_**: to display a brief information of the file(s) selected
- **_file action buttons section_**: to browse, remove, and upload files.
- **_file preview section_**: to display the selected files on client for preview (supports preview of image, text, flash, and video file types). Other file types will be displayed as normal thumbnails.
3. The plugin automatically converts an input with `type = file` to an advanced file picker input if you set its `class = file`. All options to the input can be passed as HTML5 `data` attributes.
4. Ability to select and preview multiple files. Uses HTML 5 File reader API to read and preview files. Displays the progress of files being being loaded onto the preview zone, in case many files are chosen.
5. Offers predefined templates and CSS classes which can be changed to style your file-input display as per your needs.
6. With **v1.5.0**, you can now configure the plugin to show an **initial preview of images/files** with **initial caption**
(more useful for record update scenarios). Refer the [`initialPreview`](https://github.com/kartik-v/bootstrap-fileinput/blob/master/README.md#initialpreview)
and [`initialCaption`](https://github.com/kartik-v/bootstrap-fileinput/blob/master/README.md#initialcaption) properties in the plugin options
section for configuring this.
7. Option to show/hide any or all of the following:
- caption section
- preview section
- upload button
- remove button
8. Customise the location of the target container elements to display the entire plugin, the caption container, the caption text, the preview container, preview image, and preview status.
9. For text file previews, autowrap the text to the thumbnail width, and show a wrap indicator link to display complete text on hover. You can customize the wrap indicator (which defaults to …).
10. Customise the messages for preview, progress, and files selected.
11. Upload action defaults to form submit. Supports an upload route/server action parameter for custom ajax based upload.
12. Triggers JQuery events for advanced development. Events currently available are `filereset`, `fileclear`, `filecleared`, `fileloaded`, and `fileerror`.
13. Disabled and readonly file input support.
14. Dynamically auto size the file captions for long file names exceeding container width.
15. Raise new `fileimageuploaded` event that fires after image is completely loaded on the preview container.
16. Autosize preview images when they exceed the size of the preview container.
17. Completely templatized and extensible to allow configuration of the file-input the way the developer wants.
18. Preview intelligence based on various file preview types. The inbuilt file support types are categorized as `image`, `text`, `html`, `video`, `audio`, `flash`, `object`, and `other`.
19. `allowedPreviewTypes`: You can now configure which all file types are allowed to be shown as a preview. This defaults to `['image', 'html', 'text', 'video', 'audio', 'flash', 'object']`. Thus all file types are treated as an object to preview by default. For exampleTo preview only `image` and `video`, you can set this to `['image', 'video']`.
20. `allowedPreviewMimeTypes`: In addition to `allowedPreviewTypes`, you can also control which all mime types can be displayed for preview. This defaults to null, meaning all mime types are supported.
>NOTE: With release 2.5.0 you can now control which file types or extensions are allowed for upload by setting `allowedFileTypes` and `allowedFileExtensions`.
21. `layoutTemplates`: Allows you to configure all layout template settings within one property. The layout objects that can be configured are: `main1`, `main2`, `preview`, `caption`, and `modal`.
22. `previewTemplates`: All preview templates for **each preview type** have been combined into one property, instead of separate templates for image, text etc. The keys are the formats as set in `allowedPreviewTypes` and values are the templates used for previewing. There are default prebuilt templates for each preview file type (`generic`, `image`, `text`, `html`, `video`, `audio`, `flash`, `object`, and `other`). The `generic` template is used only for displaying `initialPreview` content using direct markup.
23. `previewSettings`: Allows you to configure width and height for each preview image type. The plugin has default widths and heights predefined for each type i.e `image`, `text`, `html`, `video`, `audio`, `flash`, and `object`.
24. `fileTypeSettings`: Allows you to configure and identify each preview file type using a callback. The plugin has default callbacks predefined to identify each type i.e `image`, `text`, `html`, `video`, `audio`, `flash`, and `object`.
25. Replacing tags within templates has been enhanced. With this release it will automatically check for multiple occurrences of each tag to replace within a template string.
26. Manipulate events and add your own custom validation messages easily by returning output to abort uploads in any of the other events.
27. Support for translations and locales.
### File Upload Features
With release 4.0.0, the plugin now also includes inbuilt support for AJAX Uploads and selectively adding or deleting files. AJAX upload functionality are
built upon HTML5 FormData and XMLHttpRequest Level 2 standards. Most modern browsers do support this standard, but the plugin will automatically degrade to normal form based submission for unsupported browsers.
1. Add functionality for AJAX based UPLOAD using HTML5 FormData (most modern browsers support it). Will degrade to normal Form Based File submission if this is not supported.
2. To use AJAX Upload, one must set the `uploadUrl` property.
3. Enhance plugin to now allow files to be added, appended, removed (based on FEEDBACK from many). Thus one can append files to preview.
4. New DRAG & DROP zone available in preview to drag and drop files and append.
5. Delete or upload files one by one OR in batch.
6. If `showPreview` is set to false, or uploadUrl is not supported plugin will degrade to normal form based upload.
7. Configurable indicators for file awaiting upload, file successfully uploaded, files errored in upload.
8. Ability to add extra form data with ajax based uploads.
9. Upload progress bar and individu
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
Java校园二手市场是一个基于Java语言开发的校园二手交易平台,旨在方便学生之间的二手物品买卖和交换。该系统通常包括以下功能: 用户注册和登录:学生可以通过注册账号并登录系统来访问平台。 商品发布:学生可以发布自己要出售的二手商品信息,包括商品名称、描述、价格等。 商品浏览和搜索:其他学生可以浏览已发布的二手商品,并通过关键字或分类进行搜索。 私信联系:买家可以通过系统内部的私信功能与卖家进行沟通和交流。 商品下架和删除:卖家可以随时将商品下架或删除,以确保信息的及时更新。 评价和评论:买家可以对购买过的商品进行评价和评论,为其他用户提供参考。 交易管理:系统记录和管理用户之间的交易记录,包括订单状态、支付情况等。 用户权限管理:根据用户角色和权限设置,限制用户对信息的访问和操作。 消息通知:系统可以发送消息通知给用户,例如新商品上架、交易成功等。 数据存储和管理:将用户和商品信息保存在数据库中,以便长期存储和管理。 实现Java校园二手市场可以使用各种技术和框架,如JavaEE、Spring、Hibernate等。同时,还需要设计良好的数据库结构和逻辑,确保数
资源推荐
资源详情
资源评论
收起资源包目录
JAVA校园二手市场源码 (808个子文件)
build.bat 874B
.classpath 1KB
bootstrap.css 138KB
bootstrap.css 118KB
bootstrap.min.css 118KB
bootstrap.min.css 115KB
bootstrap.min.css 111KB
bootstrap.min.css 106KB
style.min.css 105KB
bootstrap.min.css 94KB
materialdesignicons.min.css 85KB
animate.css 71KB
bootstrap-theme.css 26KB
bootstrap-theme.min.css 23KB
bootstrap-datepicker3.css 22KB
want_list.css 22KB
bootstrap-theme.css 22KB
jquery-confirm.min.css 22KB
index.css 22KB
user_center.css 22KB
product_detail.css 21KB
release_product.css 21KB
bootstrap-datepicker3.min.css 21KB
bootstrap-theme.min.css 19KB
style.css 15KB
ion.rangeSlider.min.css 11KB
bootstrap-datetimepicker.css 9KB
bootstrap-datetimepicker.min.css 8KB
toastr.min.css 7KB
bootstrap-switch.css 6KB
bootstrap-table.min.css 6KB
bootstrap-switch.min.css 5KB
login2.css 5KB
bootstrap-colorpicker.css 5KB
component.css 4KB
fileinput.css 4KB
swipebox.css 4KB
bootstrap-colorpicker.min.css 4KB
etalage.css 4KB
fileinput.min.css 3KB
highlight.css 3KB
jquery.tagsinput.min.css 903B
main.css 896B
want_list_creat.css 193B
materialdesignicons.eot 286KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
index.ftl 17KB
index.ftl 13KB
list.ftl 11KB
index.ftl 10KB
homeelectric.ftl 10KB
list.ftl 10KB
detail.ftl 10KB
edit_goods.ftl 9KB
setting.ftl 9KB
list.ftl 9KB
publish.ftl 9KB
header-menu.ftl 8KB
list.ftl 8KB
edit.ftl 8KB
list.ftl 8KB
list.ftl 8KB
add.ftl 8KB
biggarbage.ftl 8KB
index.ftl 8KB
list.ftl 8KB
list.ftl 8KB
usedbook.ftl 8KB
operator_log_list.ftl 7KB
usedclothes.ftl 7KB
list.ftl 7KB
list.ftl 7KB
list.ftl 7KB
edit.ftl 7KB
edit.ftl 7KB
add.ftl 7KB
list.ftl 6KB
add.ftl 6KB
lovedonation.ftl 5KB
login.ftl 5KB
edit.ftl 5KB
edit_wanted.ftl 5KB
add.ftl 4KB
publish_wanted.ftl 4KB
list.ftl 4KB
index.ftl 4KB
edit.ftl 4KB
login.ftl 4KB
update_userinfo.ftl 4KB
add.ftl 4KB
edit.ftl 4KB
add.ftl 3KB
top_header.ftl 3KB
list.ftl 3KB
update_pwd.ftl 3KB
header.ftl 3KB
icons.ftl 2KB
left_menu.ftl 1KB
right_menu.ftl 1KB
共 808 条
- 1
- 2
- 3
- 4
- 5
- 6
- 9
资源评论
童小纯
- 粉丝: 3w+
- 资源: 289
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 继承Mapper实现的方法,无需编写太多mapper.xml文件,即可获得CRUD功能
- Docker之限制容器的资源使用
- 手机电脑互传文件LocalSend(一款免费、开源、跨平台的局域网文件互传软件)
- 小波分析是一种基于时频分析的数学工具,它的核心概念是小波变换和小波系数 小波变换通过将信号与小波函数进行卷积运算,得到一系列的小
- 五一数学建模联赛的论文通常包含了对特定问题的数学建模、算法设计、编程实现以及结果分析等部分 由于具体的题目和解决方案会因每年的比
- 2024年五一数学建模竞赛是一项重要的数学建模赛事,旨在通过模拟面对实际问题寻求解决方案的活动,训练学生的想象力、洞察力和创造力
- Unity3D游戏源码PLUS教程(2018)3D传送门
- 管理系统源码是一套用于支持和优化组织内部运营的软件程序资源,涵盖了从项目规划、执行到监控的全方位管理功能 以下是关于管理系统源码
- Unity3D游戏源码PLUS教程火炬之光demo第四代
- Python爬虫是一种使用Python编程语言来自动化获取网页数据的技术 这项技术主要涉及到向目标服务器发送请求,获取HTML页
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功