<h1 align="center">
<a href="http://plugins.krajee.com" title="Krajee Plugins" target="_blank">
<img src="http://kartik-v.github.io/bootstrap-fileinput-samples/samples/krajee-logo-b.png" alt="Krajee Logo"/>
</a>
<br>
bootstrap-fileinput
<hr>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DTP3NZQ6G2AYU"
title="Donate via Paypal" target="_blank">
<img src="http://kartik-v.github.io/bootstrap-fileinput-samples/samples/donate.png" alt="Donate"/>
</a>
</h1>
[![Financial Contributors on Open Collective](https://opencollective.com/bootstrap-fileinput/all/badge.svg?label=financial+contributors)](https://opencollective.com/bootstrap-fileinput)
[![Bower version](https://badge.fury.io/bo/bootstrap-fileinput.svg)](http://badge.fury.io/bo/bootstrap-fileinput)
[![Latest Stable Version](https://poser.pugx.org/kartik-v/bootstrap-fileinput/v/stable)](https://packagist.org/packages/kartik-v/bootstrap-fileinput)
[![License](https://poser.pugx.org/kartik-v/bootstrap-fileinput/license)](https://packagist.org/packages/kartik-v/bootstrap-fileinput)
[![Packagist Downloads](https://poser.pugx.org/kartik-v/bootstrap-fileinput/downloads)](https://packagist.org/packages/kartik-v/bootstrap-fileinput)
[![Monthly Downloads](https://poser.pugx.org/kartik-v/bootstrap-fileinput/d/monthly)](https://packagist.org/packages/kartik-v/bootstrap-fileinput)
An enhanced HTML 5 file input for Bootstrap 3.x and 4.x with file preview for various files, offers multiple selection, resumable chunk uploads, and more. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap 3.x or 4.x 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.
> NOTE: Version 5.x is a significant rewrite. With version 5.x, the plugin code has been revamped with enhanced file management, resumable chunk uploads support, and other new features. You can go through the various closed enhancements and features and documented for [Release 5.x milestone](https://github.com/kartik-v/bootstrap-fileinput/milestone/1?closed=1).
![Krajee Default Theme](https://user-images.githubusercontent.com/3592619/60393698-ea1fc280-9b36-11e9-9f16-b27c529d6819.png)
> NOTE: An alternative new [Krajee Explorer Theme](http://plugins.krajee.com/file-krajee-explorer-demo) (preview shown below) for `bootstrap-fileinput` has been released and available since v4.3.7. For more theming options and suggestions refer the [theming demos](http://plugins.krajee.com/file-theme-demo).
![Krajee Explorer Theme](https://user-images.githubusercontent.com/3592619/60393721-51d60d80-9b37-11e9-991c-810c942ac516.png)
## Documentation and Demo
View the [plugin documentation](http://plugins.krajee.com/file-input) and [plugin demos](http://plugins.krajee.com/file-input/demo) at Krajee JQuery plugins.
## Pre-requisites
1. [Bootstrap 3.x or 4.x](http://getbootstrap.com/)
2. Latest [JQuery](http://jquery.com/)
3. Most modern browsers supporting HTML5 (inputs and FileReader API) including CSS3 & JQuery. For Internet Explorer, one must use IE versions 10 and above. IE9 and below will work as a normal file input, and will not support multiple file selection or the HTML 5 FileReader API.
4. With release 4.0, AJAX uploads are supported. AJAX uploads require that the browser support HTML5 FormData and XHR2 (XMLHttpRequest 2). Most modern browsers support FormData and XHR2. The plugin will automatically degrade to normal form based submission for browsers not supporting AJAX uploads
> NOTE:
> - Bootstrap 4.x is supported in addition to Bootstrap 3.x since release v4.4.4. Refer the [CHANGE LOG](https://github.com/kartik-v/bootstrap-fileinput/blob/master/CHANGE.md) for details.
> - You can use the [sass branch](https://github.com/kartik-v/bootstrap-fileinput/tree/sass) for installation using `bootstrap-sass` dependency.
The [master branch](https://github.com/kartik-v/bootstrap-fileinput/tree/master) can be used for installation using plain `bootstrap` dependency.
## Installation
### Using Bower
To install using the `bower` package manager run:
bower install bootstrap-fileinput
### Using NPM
To install using the `npm` package manager run:
npm install bootstrap-fileinput
### Using Composer
To install using the `composer` package manager run:
$ php composer.phar require kartik-v/bootstrap-fileinput "@dev"
or add:
"kartik-v/bootstrap-fileinput": "@dev"
to your composer.json file
### Manual Install
You can also manually install the plugin easily to your project. Just download the source [ZIP](https://github.com/kartik-v/bootstrap-fileinput/zipball/master) or [TAR ball](https://github.com/kartik-v/bootstrap-fileinput/tarball/master) and extract the plugin assets (css and js folders) into your project.
## Usage
Step 1: Load the following assets in your header.
```html
<!-- bootstrap 4.x is supported. You can also use the bootstrap css 3.3.x versions -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.5/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
<!-- if using RTL (Right-To-Left) orientation, load the RTL CSS file after fileinput.css by uncommenting below -->
<!-- link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.5/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<!-- piexif.min.js is needed for auto orienting image files OR when restoring exif data in resized images and when you
wish to resize images before upload. This must be loaded before fileinput.min.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.5/js/plugins/piexif.min.js" type="text/javascript"></script>
<!-- sortable.min.js is only needed if you wish to sort / rearrange files in initial preview.
This must be loaded before fileinput.min.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.5/js/plugins/sortable.min.js" type="text/javascript"></script>
<!-- popper.min.js below is needed if you use bootstrap 4.x. You can also use the bootstrap js
3.3.x versions without popper.min.js. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- bootstrap.min.js below is needed if you wish to zoom and preview file content in a detail modal
dialog. bootstrap 4.x is supported. You can also use the bootstrap js 3.3.x versions. -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" type="text/javascript"></script>
<!-- the main fileinput plugin file -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.5/js/fileinput.min.js"></script>
<!-- optionally if you need a theme like font awesome theme you can include it as mentioned below -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.5/themes/fa/theme.js"></script>
<!-- optionally if you need translation for your language then include locale file as mentioned below -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.5/js/locales/(lang).js"></script>
```
If you noticed, you need to load the `jquery.min.js` and `bootstrap.min.css` in addition to the `fileinput.min.css` and `fileinput.min.js`. The theme file `themes/fa/theme.js` can be optionally included for the font awesome icons styling. The locale file `<lang>.js` can be optionally included for translating for your language if needed.
**Optional Dependent Plugins**
没有合适的资源?快使用搜索试试~ 我知道了~
SpringBoot 房屋租赁系统 房屋合租系统.zip
共378个文件
js:83个
png:80个
jpg:60个
需积分: 1 1 下载量 162 浏览量
2024-03-23
06:17:45
上传
评论
收藏 23.78MB ZIP 举报
温馨提示
该系统可以帮助学生理解并掌握软件开发的全过程,包括需求分析、系统设计、编码实现以及测试部署等。
资源推荐
资源详情
资源评论
收起资源包目录
SpringBoot 房屋租赁系统 房屋合租系统.zip (378个子文件)
build.bat 1KB
styles.css 258KB
bootstrap.min.css 122KB
iconfont.css 90KB
colors.css 58KB
font-awesome.css 55KB
animation.css 55KB
line-icons.css 22KB
select2.css 15KB
themify.css 14KB
fileinput.css 11KB
ion.rangeSlider.min.css 11KB
dropzone.css 9KB
fileinput.min.css 9KB
magnifypopup.css 7KB
date-picker.css 6KB
flaticon.css 5KB
pay.css 5KB
theme.css 4KB
theme.css 4KB
theme.css 4KB
theme.min.css 3KB
theme.min.css 3KB
theme.min.css 3KB
light-box.css 3KB
slick-theme.css 2KB
fileinput-rtl.css 2KB
fileinput-rtl.min.css 2KB
slick.css 1KB
morris.css 433B
fontawesome-webfont.eot 0B
slick.eot 0B
Flaticon.eot 0B
fa-solid-900.eot 0B
LineIcons.eot 0B
themify (1).eot 0B
fa-brands-400.eot 0B
fa-regular-400.eot 0B
houses.eot 0B
themify.eot 0B
ajax-loader.gif 44KB
loading.gif 8KB
loading-sm.gif 3KB
loading.gif 847B
.gitattributes 87B
.gitignore 439B
.gitignore 64B
BaseService.java 5KB
HouseServiceImpl.java 4KB
MvcConfig.java 3KB
House.java 3KB
PageUtil.java 2KB
FileUtil.java 2KB
BaseController.java 2KB
OrderServiceImpl.java 2KB
TimerTask.java 2KB
JsonResult.java 2KB
MarkServiceImpl.java 2KB
HouseSearchVO.java 2KB
OwnerInterceptor.java 2KB
DateUtil.java 1KB
AdminInterceptor.java 1KB
HouseMapper.java 1KB
MailUtil.java 1KB
Order.java 1KB
CustomerInterceptor.java 1KB
FeedbackServiceImpl.java 1KB
User.java 1KB
UserServiceImpl.java 1KB
MybatisPlusConfig.java 1KB
NewsServiceImpl.java 1KB
HouseService.java 1KB
OrderStatusEnum.java 936B
Application.java 857B
Feedback.java 802B
Constant.java 711B
BaseEntity.java 660B
HouseStatusEnum.java 613B
OrderMapper.java 582B
Mark.java 578B
OrderService.java 565B
MarkService.java 547B
FeedbackStatusEnum.java 536B
UserStatusEnum.java 499B
News.java 489B
UserRoleEnum.java 479B
HouseRentTypeEnum.java 429B
UserService.java 427B
QueryCondition.java 402B
UserMapper.java 382B
FeedbackMapper.java 338B
NewsMapper.java 326B
MarkMapper.java 323B
FeedbackService.java 298B
NewsService.java 285B
bl.jpg 904KB
banner-3.jpg 390KB
city-3.jpg 382KB
floor.jpg 370KB
city-6.jpg 324KB
共 378 条
- 1
- 2
- 3
- 4
资源评论
fishniu35
- 粉丝: 518
- 资源: 276
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功