src/main/resources/templates/demo/form/jasny.html

（开头部分） 7KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!DOCTYPE html>
<html lang="zh">
<head>
	<th:block th:include="include :: header('功能扩展')" />
	<th:block th:include="include :: jasny-bootstrap-css" />
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>文件上传控件 <small>https://github.com/jasny/bootstrap</small></h5>
                    </div>
                    <div class="ibox-content">
                    	<div class="form-group">
                            <label class="font-noraml">输入组示例</label>
                            
	                        <div class="fileinput fileinput-new input-group" data-provides="fileinput">
	                            <div class="form-control" data-trigger="fileinput"><i class="glyphicon glyphicon-file fileinput-exists"></i> <span class="fileinput-filename"></span></div>
	                            <span class="input-group-addon btn btn-white btn-file"><span class="fileinput-new">选择文件</span><span class="fileinput-exists">更改</span><input type="file"></span>
	                            <a href="javascript:;" class="input-group-addon btn btn-white fileinput-exists" data-dismiss="fileinput">清除</a>
	                        </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="font-noraml">按钮示例</label>
                            <br/>
	                        <div class="fileinput fileinput-new" data-provides="fileinput">
	                            <span class="btn btn-white btn-file"><span class="fileinput-new">选择文件</span><span class="fileinput-exists">更改</span><input type="file" name="..."></span>
	                            <span class="fileinput-filename"></span>
	                            <a href="javascript:;" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">&times;</a>
	                        </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="font-noraml">图片上传示例</label>
                            <br/>
	                        <div class="fileinput fileinput-new" data-provides="fileinput">
					            <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;"></div>
					            <div>
					                <span class="btn btn-white btn-file"><span class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span><input type="file"></span>
					                <a href="javascript:;" class="btn btn-white fileinput-exists" data-dismiss="fileinput">清除</a>
					            </div>
					        </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="font-noraml">图片预览示例</label>
                            <br/>
	                        <div class="fileinput fileinput-new" data-provides="fileinput">
						        <div class="fileinput-new thumbnail" style="width: 140px; height: 140px;">
						          <img th:src="@{/img/profile.jpg}">
						        </div>
						        <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
						        <div>
						          <span class="btn btn-white btn-file"><span class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span><input type="file"></span>
						          <a href="javascript:;" class="btn btn-white fileinput-exists" data-dismiss="fileinput">清除</a>
						        </div>
						      </div>
后面还有 58 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。