当前位置:JS特效 » 其他 » Bootstrap 4自定义文件上传插件
 Bootstrap 4自定义文件上传插件
如果您觉得内容不错,请分享:

插件介绍

这是一款Bootstrap4自定义文件上传插件。该插件在原生bootstrap文件上传的基础上,添加了一些功能,例如显示单文件或多文件的文件路径等。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:55
简要教程

这是一款Bootstrap 4自定义文件上传插件。该插件在原生bootstrap文件上传的基础上,添加了一些功能,例如显示单文件或多文件的文件路径等。

安装

可以通过npm来安装该插件。

npm install bs-custom-file-input --save                    
                

使用方法

在页面中引入jquery和bootstrap 4相关文件,以及bs-custom-file-input.js文件。




                    
                
HTML结构

基本的HTML结构如下。

初始化插件

在页面DOM元素加载完毕之后,通过下面方法来初始化该插件。

$(document).ready(function () {
  bsCustomFileInput.init()
})
                

该Bootstrap 4自定义文件上传插件的github地址为:https://github.com/Johann-S/bs-custom-file-input

Top