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
没有合适的资源?快使用搜索试试~ 我知道了~
MF00256-JAVA校园转转二手市场源码.zip
共805个文件
js:209个
png:199个
java:120个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 187 浏览量
2023-08-14
22:48:41
上传
评论
收藏 33.17MB ZIP 举报
温馨提示
springboot校园转转二手电商市场源码 开发语言 : JAVA 数据库 : MySQL 开发工具 : Eclipse 源码类型 : WebForm 注意:不带技术支持,有帮助文件,虚拟商品,发货不退,看好再拍。 源码介绍:校园转转二手电商市场源码,Java写的应用mybatis-plus 和 Hibernate随心用 后台地址:http://127.0.0.1:8081/home/index/index 账号密码: admin/123456 前台地址:http://127.0.0.1:8081/system/login 部署步骤: 1.使用idea或eclipse等工具将项目导入并打开 2.新建一个mysql数据库,将数据库db_campus_market.sql脚本导入 3.并在配置文件application-prd.properties和application-dev.properties里修改数据库配置 信息,将数据库链接信息,账号密码全改成自己的 4.注意mysql的数据库版本,此项目是5.7,如果你使用mysql8,需要改变链接驱动 5.注意项目的jdk,替换成自己的本地jdk即可 6.启动项目,因为这个是springboot项目,所以只要运行APP.java启动类即可
资源推荐
资源详情
资源评论
收起资源包目录
MF00256-JAVA校园转转二手市场源码.zip (805个子文件)
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
共 805 条
- 1
- 2
- 3
- 4
- 5
- 6
- 9
资源评论
jane9872
- 粉丝: 108
- 资源: 7795
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功