zoukankan      html  css  js  c++  java
  • 五、bootstrap-fileinput

    一、bootstrap-fileinput

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8"/>
            <title>Bootstrap 上传文件组件</title>
            <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
            <link href="http://cdn.bootcss.com/bootstrap-fileinput/4.3.8/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
            <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
            <script src="http://cdn.bootcss.com/bootstrap-fileinput/4.3.8/js/fileinput.min.js" type="text/javascript"></script>
            <script href="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script>
            <style> 
    
            </style>
        </head>
        <body>
            <div class="container"> 
                <div class="row myCenter">
                    <div class="col-xs-6 col-md-6 col-center-block">
                        <div class="container kv-main">
                            <h4>Bootstrap 多文件上传实例</h4>
                            <form enctype="multipart/form-data">
                                <label>多文件预览上传实例</label>
                                <input id="file-select" name="file-select[]" type="file" multiple>
                            </form>
                            <hr>
                            <br>
                        </div>
                    </div>
                </div>
            </div>
        </body>
        <script>
        $('#file-select').fileinput({
            language: 'fr',
            uploadUrl: '#',
            allowedFileExtensions : ['jpg', 'png','gif'],
            'elErrorContainer': '#errorBlock'
        });
        </script>
    </html>
    

      

  • 相关阅读:
    PHP学习(数组)
    PHP学习(语言结构语句)
    PHP学习(运算符)
    PHP学习(数据类型)
    PHP学习(mysqli函数)
    PHP小知识总结(1)
    buffer的相关小知识
    SQL知识总结(1)
    用JS实线放大镜的效果
    单行中文字和图片的相关height和line-height特性
  • 原文地址:https://www.cnblogs.com/fger/p/10924884.html
Copyright © 2011-2022 走看看