使用bootstrap创建上传文件
发布时间:2020-12-17 20:45:43 所属栏目:安全 来源:网络整理
导读:1、导入样式,注意顺序 !-- bootstrap样式 --link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css"link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"link rel="stylesheet" href="/static/b
1、导入样式,注意顺序<!-- bootstrap样式 --> <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css"> <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="/static/bootstrap-fileinput/css/fileinput.min.css"> <script type="text/javascript" src="/static/jquery-3.2.1/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="/static/bootstrap-fileinput/js/fileinput.min.js"></script> <script type="text/javascript" src="/static/bootstrap-fileinput/js/locales/zh.js"></script> <script type="text/javascript" src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> 2、test.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 测试 </title> <!-- bootstrap样式 --> <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css"> <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="/static/bootstrap-fileinput/css/fileinput.min.css"> <script type="text/javascript" src="/static/jquery-3.2.1/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="/static/bootstrap-fileinput/js/fileinput.min.js"></script> <script type="text/javascript" src="/static/bootstrap-fileinput/js/locales/zh.js"></script> <script type="text/javascript" src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <div class="row"> <!-- 上传文件 --> <div class="col-sm-8 col-md-8"> <div class="panel panel-default"> <input id="f_upload" type="file" class="file" /> </div> </div> </div> </div> </body> </html> 3、效果截图(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |