Bootstrap Fileinput是一个基于jQuery的文件上传插件,可以实现选择文件后自动上传的功能。具体步骤如下:
1. 引入相关文件
在HTML页面中引入以下文件:
```html
```
2. 创建文件上传控件
在HTML页面中创建文件上传控件:
```html
```
3. 初始化文件上传控件
在JavaScript代码中初始化文件上传控件,并设置自动上传选项:
```javascript
$(function() {
$('#file-input').fileinput({
theme: 'fas',
uploadUrl: '/upload', // 上传文件的URL
autoUpload: true, // 自动上传
showUpload: false, // 不显示上传按钮
showRemove: false, // 不显示删除按钮
showCancel: false, // 不显示取消按钮
dropZoneEnabled: false, // 禁用拖拽上传
maxFileSize: 1024 * 1024, // 最大文件大小为1MB
allowedFileExtensions: ['jpg', 'jpeg', 'png', 'gif'], // 允许上传的文件类型