zoukankan      html  css  js  c++  java
  • Bootstrap File Input 中文文档

    手动安装

     您也可以手动地安装插件到你的项目中。只要下载源ZIP或TAR球和提取资产(CSS和JS插件文件夹)到你的项目中。

    使用

     步骤1在你页面头部加载以下类库

    1 <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
    2 <link href="path/to/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
    3 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    4 <script src="path/to/js/fileinput.min.js" type="text/javascript"></script>
    View Code

        如果你注意到,你需要另外的fileinput.min.css和fileinput.min.js 还需加载 jquery.min.js和bootstrap.min.css。

      步骤2:初始化页面上的插件。比如说呢

    1 // initialize with defaults
    2 $("#input-id").fileinput();
    3 
    4 // with plugin options
    5 $("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});
    View Code

        该#输入ID是输入的标识符(例如类型=文件)在您的网页,这是隐藏自动插件。

        或者,你可以直接调用插件的选项设置数据属性输入的字段

    1 <input id="input-id" type="file" class="file" data-preview-file-type="text" >
    View Code
  • 相关阅读:
    JDK API文档下载
    idea技巧:查看一个类的所有子类以及子类的子类并以层级关系显示
    Vue项目优化
    deepin 安装netcore 记录
    UOS 下的VScode 使用经验
    UOS操作系统磁盘空间不够一例
    SRPBatcher优化的原理
    我的UOS生活
    假如美国禁用了Unity3D和Unreal怎么办
    BGFX学习笔记01
  • 原文地址:https://www.cnblogs.com/menu/p/3935142.html
Copyright © 2011-2022 走看看