经验分享程序开发文档资料数据资源其它资源

boostrap可拖动文件批量上传代码

版权：原创 更新时间：1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 boostrap可拖动文件批量上传代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:
整屏预览

部分效果截图1:

boostrap可拖动文件批量上传代码

部分效果截图2:

boostrap可拖动文件批量上传代码

HTML代码(index.html):

<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>boostrap可拖动文件批量上传代码</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/default.css">
<link href="css/fileinput.css" media="all" rel="stylesheet" type="text/css" />	
<!--[if IE]>
	<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>

	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>boostrap可拖动文件批量上传代码 </h1>
		</header>

		<div class="container kv-main">
            <div class="page-header">
            <h2>Bootstrap File Input Example <small></h2>
            </div>
            <form enctype="multipart/form-data">
                <input id="file-0a" class="file" type="file" multiple data-min-file-count="1">
                <br>
                <button type="submit" class="btn btn-primary">Submit</button>
                <button type="reset" class="btn btn-default">Reset</button>
            </form>
            <hr>
            <form enctype="multipart/form-data">
                <label>Test invalid input type</label>
                <input id="file-0b" class="file" type="text" multiple data-min-file-count="1">
                <script>
                $(document).on('ready', function(){$("#file-0b").fileinput();});
                </script>
            </form>
            <hr>
            <form enctype="multipart/form-data">
                <input id="file-0a" class="file" type="file" multiple data-min-file-count="3">
                <hr>
                 <div class="form-group">
                    <input id="file-0b" class="file" type="file">
                </div>
                <hr>
                <div class="form-group">
                    <input id="file-1" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="2">
                </div>
                <hr>
                <div class="form-group">
                    <input id="file-2" type="file" class="file" readonly data-show-upload="false">
                </div> 
                <hr>
                <div class="form-group">
                    <label>Preview File Icon</label>
                    <input id="file-3" type="file" multiple=true>
                </div>
                <hr>
                <div class="form-group">
                    <input id="file-4" type="file" class="file" data-upload-url="#">
                </div>
                <hr>
                <div class="form-group">
                    <button class="btn btn-warning" type="button">Disable Test</button>
                    <button class="btn btn-info" type="reset">Refresh Test</button>
                    <button class="btn btn-primary">Submit</button>
                    <button class="btn btn-default" type="reset">Reset</button>
                </div>
                <hr>
                <div class="form-group">
                    <input type="file" class="file" id="test-upload" multiple>
                    <div id="errorBlock" class="help-block"></div>
                </div>
                <hr>
                <div class="form-group">
                    <input id="file-5" class="file" type="file" multiple data-preview-file-type="any" data-upload-url="#" data-preview-file-icon="">
                </div>
            </form>
        </div>
		
	</div>
	
	<script src="js/jquery.min.js"></script>
    <script src="js/fileinput.js" type="text/javascript"></script>
    <script src="js/fileinput_locale_zh.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script>
	    $("#file-0").fileinput({
	        'allowedFileExtensions' : ['jpg', 'png','gif'],
	    });
	    $("#file-1").fileinput({
	        uploadUrl: '#', // you must set a valid URL here else you will get an error
	        allowedFileExtensions : ['jpg', 'png','gif'],
	        overwriteInitial: false,
	        maxFileSize: 1000,
	        maxFilesNum: 10,
	        //allowedFileTypes: ['image', 'video', 'flash'],
	        slugCallback: function(filename) {
	            return filename.replace('(', '_').replace(']', '_');
	        }
		});
	    /*
	    $(".file").on('fileselect', function(event, n, l) {
	        alert('File Selected. Name: ' + l + ', Num: ' + n);
	    });
	    */
		$("#file-3").fileinput({
			showUpload: false,
			showCaption: false,
			browseClass: "btn btn-primary btn-lg",
			fileType: "any",
	        previewFileIcon: "<i class='glyphicon glyphicon-king'></i>"
		});
		$("#file-4").fileinput({
			uploadExtraData: {kvId: '10'}
		});
	    $(".btn-warning").on('click', function() {
	        if ($('#file-4').attr('disabled')) {
	            $('#file-4').fileinput('enable');
	        } else {
	            $('#file-4').fileinput('disable');
	        }
	    });    
	    $(".btn-info").on('click', function() {
	        $('#file-4').fileinput('refresh', {previewClass:'bg-info'});
	    });
	    /*
	    $('#file-4').on('fileselectnone', function() {
	        alert('Huh! You selected no files.');
	    });
	    $('#file-4').on('filebrowse', function() {
	        alert('File browse clicked for #file-4');
	    });
	    */
	    $(document).ready(function() {
	        $("#test-upload").fileinput({
	            'showPreview' : false,
	            'allowedFileExtensions' : ['jpg', 'png','gif'],
	            'elErrorContainer': '#errorBlock'
	        });
	        /*
	        $("#test-upload").on('fileloaded', function(event, file, previewId, index) {
	            alert('i = ' + index + ', id = ' + previewId + ', file = ' + file.name);
	        });
	        */
	    });
		</script>
</body>
</html>

JS代码(fileinput.min.js):

/*! * @copyright Copyright &copy;
	Kartik Visweswaran,Krajee.com,2014 - 2015 * @version 4.1.9 * * File input styled for Bootstrap 3.0 that utilizes HTML5 File Input's advanced * features including the FileReader API. * * The plugin drastically enhances the HTML file input to preview multiple files on the client before * upload. In addition it provides the ability to preview content of images,text,videos,audio,html,* flash and other objects. It also offers the ability to upload and delete files using AJAX,and add * files in batches (i.e. preview,append,or remove before upload). * * Author:Kartik Visweswaran * Copyright:2015,Kartik Visweswaran,Krajee.com * For more JQuery plugins visit http://plugins.krajee.com * For more Yii related demos visit http://demos.krajee.com */
!function(e){
	"use strict";
	String.prototype.repl=function(e,i){
	return this.split(e).join(i)}
;
	var i=function(e){
	var i,t=document.createElement("div");
	return t.innerHTML="<!--[if IE "+e+"]><i></i><![endif]-->",i=1===t.getElementsByTagName("i").length,document.body.appendChild(t),t.parentNode.removeChild(t),i}
,t={
	data:{
}
,init:function(e){
	var i=e.initialPreview,a=e.id;
	i.length>0&&!z(i)&&(i=i.split(e.initialPreviewDelimiter)),t.data[a]={
	content:i,config:e.initialPreviewConfig,tags:e.initialPreviewThumbTags,delimiter:e.initialPreviewDelimiter,template:e.previewGenericTemplate,msg:function(i){
	return e.getMsgSelected(i)}
,initId:e.previewInitId,footer:e.getLayoutTemplate("footer"),isDelete:e.initialPreviewShowDelete,caption:e.initialCaption,actions:function(i,t,a,n,r){
	return e.renderFileActions(i,t,a,n,r)}
}
}
,fetch:function(e){
	return t.data[e].content.filter(function(e){
	return null!==e}
)}
,count:function(e,i){
	return t.data[e]&&t.data[e].content?i?t.data[e].content.length:t.fetch(e).length:0}
,get:function(e,i,a){
	var n,r="init_"+i,l=t.data[e],o=l.initId+"-"+r;
	return a=void 0===a?!0:a,null===l.content[i]?"":(n=l.template.repl("{
	previewId}
",o).repl("{
	frameClass}
"," file-preview-initial").repl("{
	fileindex}
",r).repl("{
	content}
",l.content[i]).repl("{
	footer}
",t.footer(e,i,a)),l.tags.length&&l.tags[i]&&(n=_(n,l.tags[i])),n)}
,add:function(i,a,n,r,l){
	var o,s=e.extend(!0,{
}
,t.data[i]);
	return z(a)||(a=a.split(s.delimiter)),l?(o=s.content.push(a)-1,s.config[o]=n,s.tags[o]=r):(o=a.length,s.content=a,s.config=n,s.tags=r),t.data[i]=s,o}
,set:function(i,a,n,r,l){
	var o,s=e.extend(!0,{
}
,t.data[i]);
	if(z(a)||(a=a.split(s.delimiter)),l){
	for(o=0;
	o<a.length;
	o++)s.content.push(a[o]);
	for(o=0;
	o<n.length;
	o++)s.config.push(n[o]);
	for(o=0;
	o<r.length;
	o++)s.tags.push(r[o])}
else s.content=a,s.config=n,s.tags=r;
	t.data[i]=s}
,unset:function(e,i){
	var a=t.count(e);
	if(a){
	if(1===a)return t.data[e].content=[],void(t.data[e].config=[]);
	t.data[e].content[i]=null,t.data[e].config[i]=null}
}
,out:function(e){
	var i,a="",n=t.data[e],r=t.count(e,!0);
	if(0===r)return{
	content:"",caption:""}
;
	for(var l=0;
	r>l;
	l++)a+=t.get(e,l);
	return i=n.msg(t.count(e)),{
	content:a,caption:i}
}
,footer:function(e,i,a){
	var n=t.data[e];
	if(a=void 0===a?!0:a,0===n.config.length||R(n.config[i]))return"";
	var r=n.config[i],l=M("caption",r)?r.caption:"",o=M("width",r)?r.width:"auto",s=M("url",r)?r.url:!1,d=M("key",r)?r.key:null,c=s===!1&&a,p=n.isDelete?n.actions(!1,!0,c,s,d):"",u=n.footer.repl("{
	actions}
",p);
	return u.repl("{
	caption}
",l).repl("{
	width}
",o).repl("{
	indicator}
","").repl("{
	indicatorTitle}
","")}
}
,a=function(e,i){
	return i=i||0,"number"==typeof e?e:("string"==typeof e&&(e=parseFloat(e)),isNaN(e)?i:e)}
,n=function(){
	return window.File&&window.FileReader}
,r=function(){
	var e=document.createElement("div");
	return!i(9)&&(void 0!==e.draggable||void 0!==e.ondragstart&&void 0!==e.ondrop)}
,l=function(){
	return n&&window.FormData}
,o=function(e,i){
	e.removeClass(i).addClass(i)}
,s='style="width:{
	width}
;
	height:{
	height}
;
	"',d=' <param name="controller" value="true" />\n <param name="allowFullScreen" value="true" />\n <param name="allowScriptAccess" value="always" />\n <param name="autoPlay" value="false" />\n <param name="autoStart" value="false" />\n <param name="quality" value="high" />\n',c='<div class="file-preview-other">\n{
	previewFileIcon}
\n </div>',p={
	removeIcon:'<i class="glyphicon glyphicon-trash text-danger"></i>',removeClass:"btn btn-xs btn-default",removeTitle:"Remove file",uploadIcon:'<i class="glyphicon glyphicon-upload text-info"></i>',uploadClass:"btn btn-xs btn-default",uploadTitle:"Upload file",indicatorNew:'<i class="glyphicon glyphicon-hand-down text-warning"></i>',indicatorSuccess:'<i class="glyphicon glyphicon-ok-sign file-icon-large text-success"></i>',indicatorError:'<i class="glyphicon glyphicon-exclamation-sign text-danger"></i>',indicatorLoading:'<i class="glyphicon glyphicon-hand-up text-muted"></i>',indicatorNewTitle:"Not uploaded yet",indicatorSuccessTitle:"Uploaded",indicatorErrorTitle:"Upload Error",indicatorLoadingTitle:"Uploading ..."}
,u='{
	preview}
\n<div class="kv-upload-progress hide"></div>\n<div class="input-group{
	class}
">\n{
	caption}
\n <div class="input-group-btn">\n{
	remove}
\n{
	cancel}
\n{
	upload}
\n{
	browse}
\n </div>\n</div>',f='{
	preview}
\n<div class="kv-upload-progress hide"></div>\n{
	remove}
\n{
	cancel}
\n{
	upload}
\n{
	browse}
\n',v='<div class="file-preview{
	class}
">\n <div class="close fileinput-remove">&times;
	</div>\n <div class="{
	dropClass}
">\n <div class="file-preview-thumbnails">\n </div>\n <div class="clearfix"></div> <div class="file-preview-status text-center text-success"></div>\n <div class="kv-fileinput-error"></div>\n </div>\n</div>',h='<span class="glyphicon glyphicon-file kv-caption-icon"></span>',m='<div tabindex="-1" class="form-control file-caption{
	class}
">\n <span class="file-caption-ellipsis">&hellip;
	</span>\n <div class="file-caption-name"></div>\n</div>',g='<div id="{
	id}
" class="modal fade">\n <div class="modal-dialog modal-lg">\n <div class="modal-content">\n <div class="modal-header">\n <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;
	</button>\n <h3 class="modal-title">Detailed Preview <small>{
	title}
</small></h3>\n </div>\n <div class="modal-body">\n <textarea class="form-control" style="font-family:Monaco,Consolas,monospace;
	height:{
	height}
px;
	" readonly>{
	body}
</textarea>\n </div>\n </div>\n </div>\n</div>',w='<div class="progress">\n <div class="{
	class}
" role="progressbar" aria-valuenow="{
	percent}
" aria-valuemin="0" aria-valuemax="100" style="width:{
	percent}
%;
	">\n{
	percent}
%\n </div>\n</div>',b='<div class="file-thumbnail-footer">\n <div class="file-caption-name">{
	caption}
</div>\n{
	actions}
\n</div>',x='<div class="file-actions">\n <div class="file-footer-buttons">\n{
	upload}
{
	delete}
{
	other}
</div>\n <div class="file-upload-indicator" tabindex="-1" title="{
	indicatorTitle}
">{
	indicator}
</div>\n <div class="clearfix"></div>\n</div>',C='<button type="button" class="kv-file-remove{
	removeClass}
" title="{
	removeTitle}
"{
	dataUrl}
{
	dataKey}
>{
	removeIcon}
</button>\n',y='<button type="button" class="kv-file-upload{
	uploadClass}
" title="{
	uploadTitle}
">{
	uploadIcon}
\n</button>\n',T='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
">\n{
	content}
\n{
	footer}
\n</div>\n',E='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
">\n <object data="{
	data}
" type="{
	type}
" width="{
	width}
" height="{
	height}
">\n '+c+"\n </object>\n{
	footer}
\n</div>",F='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
">\n <img src="{
	data}
" class="file-preview-image" title="{
	caption}
" alt="{
	caption}
" '+s+">\n{
	footer}
\n</div>\n",k='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
">\n <div class="file-preview-text" title="{
	caption}
" '+s+">\n{
	data}
\n </div>\n{
	footer}
\n</div>",$='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
" title="{
	caption}
" '+s+'>\n <video width="{
	width}
" height="{
	height}
" controls>\n <source src="{
	data}
" type="{
	type}
">\n '+c+"\n </video>\n{
	footer}
\n</div>\n",I='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
" title="{
	caption}
" '+s+'>\n <audio controls>\n <source src="{
	data}
" type="{
	type}
">\n '+c+"\n </audio>\n{
	footer}
\n</div>",D='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
" title="{
	caption}
" '+s+'>\n <object type="application/x-shockwave-flash" width="{
	width}
" height="{
	height}
" data="{
	data}
">\n'+d+" "+c+"\n </object>\n{
	footer}
\n</div>\n",P='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
" title="{
	caption}
" '+s+'>\n <object data="{
	data}
" type="{
	type}
" width="{
	width}
" height="{
	height}
">\n <param name="movie" value="{
	caption}
" />\n'+d+" "+c+"\n </object>\n{
	footer}
\n</div>",S='<div class="file-preview-frame{
	frameClass}
" id="{
	previewId}
" data-fileindex="{
	fileindex}
" title="{
	caption}
" '+s+">\n "+c+"\n{
	footer}
\n</div>",U={
	main1:u,main2:f,preview:v,icon:h,caption:m,modal:g,progress:w,footer:b,actions:x,actionDelete:C,actionUpload:y}
,j={
	generic:T,html:E,image:F,text:k,video:$,audio:I,flash:D,object:P,other:S}
,A=["image","html","text","video","audio","flash","object"],L={
	image:{
	width:"auto",height:"160px"}
,html:{
	width:"213px",height:"160px"}
,text:{
	width:"160px",height:"160px"}
,video:{
	width:"213px",height:"160px"}
,audio:{
	width:"213px",height:"80px"}
,flash:{
	width:"213px",height:"160px"}
,object:{
	width:"160px",height:"160px"}
,other:{
	width:"160px",height:"160px"}
}
,O={
	image:function(e,i){
	return void 0!==e?e.match("image.*"):i.match(/\.(gif|png|jpe?g)$/i)}
,html:function(e,i){
	return void 0!==e?"text/html"===e:i.match(/\.(htm|html)$/i)}
,text:function(e,i){
	return void 0!==e&&e.match("text.*")||i.match(/\.(txt|md|csv|nfo|php|ini)$/i)}
,video:function(e,i){
	return void 0!==e&&e.match(/\.video\/(ogg|mp4|webm)$/i)||i.match(/\.(og?|mp4|webm)$/i)}
,audio:function(e,i){
	return void 0!==e&&e.match(/\.audio\/(ogg|mp3|wav)$/i)||i.match(/\.(ogg|mp3|wav)$/i)}
,flash:function(e,i){
	return void 0!==e&&"application/x-shockwave-flash"===e||i.match(/\.(swf)$/i)}
,object:function(){
	return!0}
,other:function(){
	return!0}
}
,R=function(i,t){
	return null===i||void 0===i||0===i.length||t&&""===e.trim(i)}
,z=function(e){
	return Array.isArray(e)||"[object Array]"===Object.prototype.toString.call(e)}
,M=function(e,i){
	return"object"==typeof i&&e in i}
,B=function(i,t,a){
	return R(i)||R(i[t])?a:e(i[t])}
,N=function(){
	return Math.round((new Date).getTime()+100*Math.random())}
,Z=function(e){
	return String(e).repl("&","&amp;
	").repl('"',"&quot;
	").repl("'","&#39;
	").repl("<","&lt;
	").repl(">","&gt;
	")}
,_=function(i,t){
	var a=i;
	return t=t||{
}
,e.each(t,function(e,i){
	"function"==typeof i&&(i=i()),a=a.repl(e,i)}
),a}
,q=window.URL||window.webkitURL,H=function(t,a){
	var r=this;
	r.$element=e(t),r.validate()&&(n()||i(9)?(r.init(a),r.listen()):r.$element.removeClass("file-loading"))}
;
	H.prototype={
	constructor:H,validate:function(){
	var e,i=this;
	return"file"===i.$element.attr("type")?!0:(e='<div class="help-block alert alert-warning"><h4>Invalid Input Type</h4>You must set an input <code>type = file</code> for <b>bootstrap-fileinput</b> plugin to initialize.</div>',i.$element.after(e),!1)}
,init:function(n){
	var s,d=this,c=d.$element;
	e.each(n,function(e,i){
	d[e]="maxFileCount"===e||"maxFileSize"===e?a(i):i}
),d.fileInputCleared=!1,d.fileBatchCompleted=!0,R(d.allowedPreviewTypes)&&(d.allowedPreviewTypes=A),d.uploadFileAttr=R(c.attr("name"))?"file_data":c.attr("name"),d.reader=null,d.formdata={
}
,d.isIE9=i(9),d.isIE10=i(10),d.filestack=[],d.ajaxRequests=[],d.isError=!1,d.ajaxAborted=!1,d.dropZoneEnabled=r()&&d.dropZoneEnabled,d.isDisabled=d.$element.attr("disabled")||d.$element.attr("readonly"),d.isUploadable=l&&!R(d.uploadUrl),d.slug="function"==typeof n.slugCallback?n.slugCallback:d.slugDefault,d.mainTemplate=d.getLayoutTemplate(d.showCaption?"main1":"main2"),d.captionTemplate=d.getLayoutTemplate("caption"),d.previewGenericTemplate=d.getPreviewTemplate("generic"),R(d.$element.attr("id"))&&d.$element.attr("id",N()),void 0===d.$container?d.$container=d.createContainer():d.refreshContainer(),d.$progress=d.$container.find(".kv-upload-progress"),d.$btnUpload=d.$container.find(".kv-fileinput-upload"),d.$captionContainer=B(n,"elCaptionContainer",d.$container.find(".file-caption")),d.$caption=B(n,"elCaptionText",d.$container.find(".file-caption-name")),d.$previewContainer=B(n,"elPreviewContainer",d.$container.find(".file-preview")),d.$preview=B(n,"elPreviewImage",d.$container.find(".file-preview-thumbnails")),d.$previewStatus=B(n,"elPreviewStatus",d.$container.find(".file-preview-status")),d.$errorContainer=B(n,"elErrorContainer",d.$previewContainer.find(".kv-fileinput-error")),R(d.msgErrorClass)||o(d.$errorContainer,d.msgErrorClass),d.$errorContainer.hide(),d.fileActionSettings=e.extend(p,n.fileActionSettings),d.previewInitId="preview-"+N(),d.id=d.$element.attr("id"),t.init(d),d.initPreview(!0),d.initPreviewDeletes(),d.options=n,d.setFileDropZoneTitle(),d.uploadCount=0,d.uploadPercent=0,d.$element.removeClass("file-loading"),s=d.getLayoutTemplate("progress"),d.progressTemplate=s.replace("{
	class}
",d.progressClass),d.progressCompleteTemplate=s.replace("{
	class}
",d.progressCompleteClass),d.setEllipsis()}
,parseError:function(i,t,a){
	var n=this,r=e.trim(t+""),l="."===r.slice(-1)?"":".",o=e(i.responseText).text();
	return n.showAjaxErrorDetails?(o=e.trim(o.replace(/\n\s*\n/g,"\n")),o=o.length>0?"<pre>"+o+"</pre>":"",r+=l+o):r+=l,a?"<b>"+a+":</b>"+i:r}
,raise:function(i,t){
	var a=this,n=e.Event(i),r=!1;
	if(void 0!==t?a.$element.trigger(n,t):a.$element.trigger(n),n.result&&(r=!0),r)switch(i){
	case"filebatchuploadcomplete":case"filebatchuploadsuccess":case"fileuploaded":case"fileclear":case"filecleared":case"filereset":case"fileerror":case"filefoldererror":case"fileuploaderror":case"filebatchuploaderror":case"filedeleteerror":case"filecustomerror":break;
	default:a.ajaxAborted=r}
}
,getLayoutTemplate:function(e){
	var i=this,t=M(e,i.layoutTemplates)?i.layoutTemplates[e]:U[e];
	return R(i.customLayoutTags)?t:_(t,i.customLayoutTags)}
,getPreviewTemplate:function(e){
	var i=this,t=M(e,i.previewTemplates)?i.previewTemplates[e]:j[e];
	return t=t.repl("{
	previewFileIcon}
",i.previewFileIcon),R(i.customPreviewTags)?t:_(t,i.customPreviewTags)}
,getOutData:function(e,i,t){
	var a=this;
	return e=e||{
}
,i=i||{
}
,t=t||a.filestack.slice(0)||{
}
,{
	form:a.formdata,files:t,extra:a.getExtraData(),response:i,reader:a.reader,jqXHR:e}
}
,setEllipsis:function(){
	var e=this,i=e.$captionContainer,t=e.$caption,a=t.clone().css("height","auto").hide();
	i.parent().before(a),i.removeClass("kv-has-ellipsis"),a.outerWidth()>t.outerWidth()&&i.addClass("kv-has-ellipsis"),a.remove()}
,listen:function(){
	var i=this,t=i.$element,a=i.$captionContainer,n=i.$btnFile,r=t.closest("form");
	t.on("change",e.proxy(i.change,i)),e(window).on("resize",function(){
	i.setEllipsis()}
),n.off("click").on("click",function(){
	i.raise("filebrowse"),i.isError&&!i.isUploadable&&i.clear(),a.focus()}
),r.off("reset").on("reset",e.proxy(i.reset,i)),i.$container.off("click").on("click",".fileinput-remove:not([disabled])",e.proxy(i.clear,i)).on("click",".fileinput-cancel",e.proxy(i.cancel,i)),i.isUploadable&&i.dropZoneEnabled&&i.showPreview&&i.initDragDrop(),i.isUploadable||r.on("submit",e.proxy(i.submitForm,i)),i.$container.find(".kv-fileinput-upload").off("click").on("click",function(t){
	i.isUploadable&&(t.preventDefault(),!e(this).hasClass("disabled")&&R(e(this).attr("disabled"))&&i.upload())}
)}
,submitForm:function(){
	var e=this,i=e.$element,t=i.get(0).files;
	return t&&t.length<e.minFileCount&&e.minFileCount>0?(e.noFilesError({
}
),!1):!e.abort({
}
)}
,abort:function(i){
	var t,a=this;
	return a.ajaxAborted&&"object"==typeof a.ajaxAborted&&void 0!==a.ajaxAborted.message?(t=void 0!==a.ajaxAborted.data?a.getOutData({
}
,a.ajaxAborted.data):a.getOutData(),t=e.extend(t,i),a.showUploadError(a.ajaxAborted.message,t,"filecustomerror"),!0):!1}
,noFilesError:function(e){
	var i=this,t=i.minFileCount>1?i.filePlural:i.fileSingle,a=i.msgFilesTooLess.repl("{
	n}
",i.minFileCount).repl("{
	files}
",t),n=i.$errorContainer;
	n.html(a),i.isError=!0,i.updateFileDetails(0),n.fadeIn(800),i.raise("fileerror",[e]),i.clearFileInput(),o(i.$container,"has-error")}
,setProgress:function(e){
	var i=this,t=Math.min(e,100),a=100>t?i.progressTemplate:i.progressCompleteTemplate;
	i.$progress.html(a.repl("{
	percent}
",t))}
,upload:function(){
	var i,t,a,n=this,r=n.getFileStack().length,l={
}
,o=!e.isEmptyObject(n.getExtraData());
	if(r<n.minFileCount&&n.minFileCount>0)return void n.noFilesError(l);
	if(n.isUploadable&&!n.isDisabled&&(0!==r||o)){
	if(n.resetUpload(),n.$progress.removeClass("hide"),n.uploadCount=0,n.uploadPercent=0,n.lock(),n.setProgress(0),0===r&&o)return void n.uploadExtraOnly();
	if(a=n.filestack.length,n.hasInitData=!1,n.uploadAsync&&n.showPreview)for(t=n.getOutData(),n.raise("filebatchpreupload",[t]),n.fileBatchCompleted=!1,n.uploadCache={
	content:[],config:[],tags:[],append:!0}
,i=0;
	a>i;
	i+=1)void 0!==n.filestack[i]&&n.uploadSingle(i,n.filestack,!0);
	else n.uploadBatch()}
}
,lock:function(){
	var e=this;
	e.resetErrors(),e.disable(),e.showRemove&&o(e.$container.find(".fileinput-remove"),"hide"),e.showCancel&&e.$container.find(".fileinput-cancel").removeClass("hide"),e.raise("filelock",[e.filestack,e.getExtraData()])}
,unlock:function(e){
	var i=this;
	void 0===e&&(e=!0),i.enable(),i.showCancel&&o(i.$container.find(".fileinput-cancel"),"hide"),i.showRemove&&i.$container.find(".fileinput-remove").removeClass("hide"),e&&i.resetFileStack(),i.raise("fileunlock",[i.filestack,i.getExtraData()])}
,resetFileStack:function(){
	var i=this,t=0,a=[];
	i.getThumbs().each(function(){
	var n=e(this),r=n.attr("data-fileindex"),l=i.filestack[r];
	-1!==r&&(void 0!==l?(a[t]=l,n.attr({
	id:i.previewInitId+"-"+t,"data-fileindex":t}
),t+=1):n.attr({
	id:"uploaded-"+N(),"data-fileindex":"-1"}
))}
),i.filestack=a}
,refresh:function(i){
	var t,a=this,n=a.$element,r=arguments.length?e.extend(a.options,i):a.options;
	n.off(),a.init(r),t=a.$container.find(".file-drop-zone"),t.off("dragenter dragover drop"),e(document).off("dragenter dragover drop"),a.listen(),a.setFileDropZoneTitle()}
,initDragDrop:function(){
	var i=this,t=i.$container.find(".file-drop-zone");
	t.off("dragenter dragover drop"),e(document).off("dragenter dragover drop"),t.on("dragenter dragover",function(t){
	t.stopPropagation(),t.preventDefault(),i.isDisabled||o(e(this),"highlighted")}
),t.on("dragleave",function(t){
	t.stopPropagation(),t.preventDefault(),i.isDisabled||e(this).removeClass("highlighted")}
),t.on("drop",function(t){
	t.preventDefault(),i.isDisabled||(i.change(t,"dragdrop"),e(this).removeClass("highlighted"))}
),e(document).on("dragenter dragover drop",function(e){
	e.stopPropagation(),e.preventDefault()}
)}
,setFileDropZoneTitle:function(){
	var e=this,i=e.$container.find(".file-drop-zone");
	i.find("."+e.dropZoneTitleClass).remove(),e.isUploadable&&e.showPreview&&0!==i.length&&!(e.getFileStack().length>0)&&e.dropZoneEnabled&&(0===i.find(".file-preview-frame").length&&i.prepend('<div class="'+e.dropZoneTitleClass+'">'+e.dropZoneTitle+"</div>"),e.$container.removeClass("file-input-new"),o(e.$container,"file-input-ajax-new"))}
,initFileActions:function(){
	var i=this;
	i.$preview.find(".kv-file-remove").each(function(){
	var a,n,r=e(this),l=r.closest(".file-preview-frame"),o=l.attr("data-fileindex");
	r.off("click").on("click",function(){
	l.fadeOut("slow",function(){
	i.filestack[o]=void 0,i.clearObjects(l),l.remove();
	var e=i.getFileStack(),r=e.length,s=t.count(i.id);
	i.clearFileInput(),0===r&&0===s?i.reset():(a=s+r,n=a>1?i.getMsgSelected(a):e[0].name,i.setCaption(n))}
)}
)}
),i.$preview.find(".kv-file-upload").each(function(){
	var t=e(this);
	t.off("click").on("click",function(){
	var e=t.closest(".file-preview-frame"),a=e.attr("data-fileindex");
	i.uploadSingle(a,i.filestack,!1)}
)}
)}
,getMsgSelected:function(e){
	var i=this,t=1===e?i.fileSingle:i.filePlural;
	return i.msgSelected.repl("{
	n}
",e).repl("{
	files}
",t)}
,renderFileFooter:function(e,i){
	var t,a,n=this,r=n.fileActionSettings,l=n.getLayoutTemplate("footer");
	return n.isUploadable?(t=l.repl("{
	actions}
",n.renderFileActions(!0,!0,!1,!1,!1)),a=t.repl("{
	caption}
",e).repl("{
	width}
",i).repl("{
	indicator}
",r.indicatorNew).repl("{
	indicatorTitle}
",r.indicatorNewTitle)):a=l.repl("{
	actions}
","").repl("{
	caption}
",e).repl("{
	width}
",i).repl("{
	indicator}
","").repl("{
	indicatorTitle}
",""),a=_(a,n.previewThumbTags)}
,renderFileActions:function(e,i,t,a,n){
	if(!e&&!i)return"";
	var r=this,l=a===!1?"":' data-url="'+a+'"',o=n===!1?"":' data-key="'+n+'"',s=r.getLayoutTemplate("actionDelete"),d="",c=r.getLayoutTemplate("actions"),p=r.otherActionButtons.repl("{
	dataKey}
",o),u=r.fileActionSettings,f=t?u.removeClass+" disabled":u.removeClass;
	return s=s.repl("{
	removeClass}
",f).repl("{
	removeIcon}
",u.removeIcon).repl("{
	removeTitle}
",u.removeTitle).repl("{
	dataUrl}
",l).repl("{
	dataKey}
",o),e&&(d=r.getLayoutTemplate("actionUpload").repl("{
	uploadClass}
",u.uploadClass).repl("{
	uploadIcon}
",u.uploadIcon).repl("{
	uploadTitle}
",u.uploadTitle)),c.repl("{
	delete}
",s).repl("{
	upload}
",d).repl("{
	other}
",p)}
,initPreview:function(e){
	var i,a=this,n=a.initialCaption||"";
	return t.count(a.id)?(i=t.out(a.id),n=e&&a.initialCaption?a.initialCaption:i.caption,a.$preview.html(i.content),a.setCaption(n),void(R(i.content)||a.$container.removeClass("file-input-new"))):(a.$preview.html(""),void(e?a.setCaption(n):a.initCaption()))}
,initPreviewDeletes:function(){
	var i=this,a=i.deleteExtraData||{
}
,n=function(){
	0===i.$preview.find(".kv-file-remove").length&&(i.reset(),i.initialCaption="")}
;
	i.$preview.find(".kv-file-remove").each(function(){
	var r=e(this),l=r.data("url")||i.deleteUrl,s=r.data("key");
	if(!R(l)&&void 0!==s){
	var d,c,p,u,f=r.closest(".file-preview-frame"),v=t.data[i.id],h=f.data("fileindex");
	h=parseInt(h.replace("init_","")),p=R(v.config)&&R(v.config[h])?null:v.config[h],u=R(p)||R(p.extra)?a:p.extra,"function"==typeof u&&(u=u()),c={
	id:r.attr("id"),key:s,extra:u}
,d=e.extend({
	url:l,type:"DELETE",dataType:"json",data:e.extend({
	key:s}
,u),beforeSend:function(e){
	i.ajaxAborted=!1,i.raise("filepredelete",[s,e,u]),i.ajaxAborted?e.abort():(o(f,"file-uploading"),o(r,"disabled"))}
,success:function(e,a,l){
	var o,d;
	return void 0!==e&&void 0!==e.error?(c.jqXHR=l,c.response=e,i.showError(e.error,c,"filedeleteerror"),f.removeClass("file-uploading"),r.removeClass("disabled"),void n()):(t.unset(i.id,h),o=t.count(i.id),d=o>0?i.getMsgSelected(o):"",i.raise("filedeleted",[s,l,u]),i.setCaption(d),f.removeClass("file-uploading").addClass("file-deleted"),void f.fadeOut("slow",function(){
	i.clearObjects(f),f.remove(),n(),o||0!==i.getFileStack().length||(i.setCaption(""),i.reset())}
))}
,error:function(e,t,a){
	var r=i.parseError(e,a);
	c.jqXHR=e,c.response={
}
,i.showError(r,c,"filedeleteerror"),f.removeClass("file-uploading"),n()}
}
,i.ajaxDeleteSettings),r.off("click").on("click",function(){
	e.ajax(d)}
)}
}
)}
,clearObjects:function(i){
	i.find("video audio").each(function(){
	this.pause(),e(this).remove()}
),i.find("img object div").each(function(){
	e(this).remove()}
)}
,clearFileInput:function(){
	var i,t,a,n=this,r=n.$element;
	R(r.val())||(n.isIE9||n.isIE10?(i=r.closest("form"),t=e(document.createElement("form")),a=e(document.createElement("div")),r.before(a),i.length?i.after(t):a.after(t),t.append(r).trigger("reset"),a.before(r).remove(),t.remove()):r.val(""),n.fileInputCleared=!0)}
,resetUpload:function(){
	var e=this;
	e.uploadCache={
	content:[],config:[],tags:[],append:!0}
,e.uploadCount=0,e.uploadPercent=0,e.$btnUpload.removeAttr("disabled"),e.setProgress(0),o(e.$progress,"hide"),e.resetErrors(!1),e.ajaxAborted=!1,e.ajaxRequests=[]}
,cancel:function(){
	var i,t=this,a=t.ajaxRequests,n=a.length;
	if(n>0)for(i=0;
	n>i;
	i+=1)a[i].abort();
	t.getThumbs().each(function(){
	var i=e(this),a=i.attr("data-fileindex");
	i.removeClass("file-uploading"),void 0!==t.filestack[a]&&(i.find(".kv-file-upload").removeClass("disabled").removeAttr("disabled"),i.find(".kv-file-remove").removeClass("disabled").removeAttr("disabled")),t.unlock()}
)}
,clear:function(){
	var i,a=this;
	a.$btnUpload.removeAttr("disabled"),a.resetUpload(),a.filestack=[],a.clearFileInput(),a.resetErrors(!0),a.raise("fileclear"),!a.overwriteInitial&&t.count(a.id)?(a.showFileIcon(),a.resetPreview(),a.setEllipsis(),a.initPreviewDeletes(),a.$container.removeClass("file-input-new")):(a.getThumbs().each(function(){
	a.clearObjects(e(this))}
),a.$preview.html(""),i=!a.overwriteInitial&&a.initialCaption.length>0?a.initialCaption:"",a.setCaption(i),a.setEllipsis(),a.$caption.attr("title",""),o(a.$container,"file-input-new")),0===a.$container.find(".file-preview-frame").length&&(a.initCaption()||a.$captionContainer.find(".kv-caption-icon").hide(),a.setEllipsis()),a.hideFileIcon(),a.raise("filecleared"),a.$captionContainer.focus(),a.setFileDropZoneTitle()}
,resetPreview:function(){
	var e,i=this;
	t.count(i.id)?(e=t.out(i.id),i.$preview.html(e.content),i.setCaption(e.caption)):(i.$preview.html(""),i.initCaption())}
,reset:function(){
	var e=this;
	e.clear(),e.resetPreview(),e.setEllipsis(),e.$container.find(".fileinput-filename").text(""),e.raise("filereset"),e.initialPreview.length>0&&e.$container.removeClass("file-input-new"),e.setFileDropZoneTitle(),e.filestack=[],e.formdata={
}
}
,disable:function(){
	var e=this;
	e.isDisabled=!0,e.raise("filedisabled"),e.$element.attr("disabled","disabled"),e.$container.find(".kv-fileinput-caption").addClass("file-caption-disabled"),e.$container.find(".btn-file,.fileinput-remove,.kv-fileinput-upload").attr("disabled",!0),e.initDragDrop()}
,enable:function(){
	var e=this;
	e.isDisabled=!1,e.raise("fileenabled"),e.$element.removeAttr("disabled"),e.$container.find(".kv-fileinput-caption").removeClass("file-caption-disabled"),e.$container.find(".btn-file,.fileinput-remove,.kv-fileinput-upload").removeAttr("disabled"),e.initDragDrop()}
,getThumbs:function(e){
	return e=e||"",this.$preview.find(".file-preview-frame:not(.file-preview-initial)"+e)}
,getExtraData:function(){
	var e=this,i=e.uploadExtraData;
	return"function"==typeof e.uploadExtraData&&(i=e.uploadExtraData()),i}
,uploadExtra:function(){
	var i=this,t=i.getExtraData();
	0!==t.length&&e.each(t,function(e,t){
	i.formdata.append(e,t)}
)}
,initXhr:function(e,i){
	var t=this;
	return e.upload&&e.upload.addEventListener("progress",function(e){
	var a=0,n=e.loaded||e.position,r=e.total;
	e.lengthComputable&&(a=Math.ceil(n/r*i)),t.uploadPercent=Math.max(a,t.uploadPercent),t.setProgress(t.uploadPercent)}
,!1),e}
,ajaxSubmit:function(i,t,a,n){
	var r,l=this;
	l.uploadExtra(),r=e.extend({
	xhr:function(){
	var i=e.ajaxSettings.xhr();
	return l.initXhr(i,98)}
,url:l.uploadUrl,type:"POST",dataType:"json",data:l.formdata,cache:!1,processData:!1,contentType:!1,beforeSend:i,success:t,complete:a,error:n}
,l.ajaxSettings),l.ajaxRequests.push(e.ajax(r))}
,initUploadSuccess:function(i,a,n){
	var r,l,o,s,d,c,p,u=this;
	"object"!=typeof i||e.isEmptyObject(i)||void 0!==i.initialPreview&&i.initialPreview.length>0&&(u.hasInitData=!0,d=i.initialPreview||[],c=i.initialPreviewConfig||[],p=i.initialPreviewThumbTags||[],r=void 0===i.append||i.append?!0:!1,u.overwriteInitial=!1,void 0===a||n?n?(u.uploadCache.content.push(d[0]),u.uploadCache.config.push(c[0]),u.uploadCache.tags.push(p[0]),u.uploadCache.append=r):(t.set(u.id,d,c,p,r),u.initPreview(),u.initPreviewDeletes()):(o=t.add(u.id,d,c[0],p[0],r),l=t.get(u.id,o,!1),s=e(l).hide(),a.after(s).fadeOut("slow",function(){
	s.fadeIn("slow").css("display:inline-block"),u.initPreviewDeletes(),u.clearFileInput()}
)))}
,uploadSingle:function(i,a,n){
	var r,l,s,d,c,p,u,f,v,h,m=this,g=m.getFileStack().length,w=new FormData,b=m.previewInitId+"-"+i,x=e("#"+b+":not(.file-preview-initial)"),C=x.find(".kv-file-upload"),y=x.find(".kv-file-remove"),T=x.find(".file-upload-indicator"),E=m.fileActionSettings,F=m.filestack.length>0||!e.isEmptyObject(m.uploadExtraData),k={
	id:b,index:i}
;
	m.formdata=w,0===g||!F||C.hasClass("disabled")||m.abort(k)||(s=function(){
	var e=m.getThumbs(".file-uploading");
	e.length>0||m.fileBatchCompleted||(m.fileBatchCompleted=!0,setTimeout(function(){
	t.set(m.id,m.uploadCache.content,m.uploadCache.config,m.uploadCache.tags,m.uploadCache.append),m.hasInitData&&(m.initPreview(),m.initPreviewDeletes()),m.setProgress(100),m.unlock(),m.clearFileInput(),m.raise("filebatchuploadcomplete",[m.filestack,m.getExtraData()])}
,100))}
,d=function(e,i){
	T.html(E[e]),T.attr("title",E[i])}
,c=function(){
	!n||0===g||m.uploadPercent>=100||(m.uploadCount+=1,l=80+Math.ceil(20*m.uploadCount/g),m.uploadPercent=Math.max(l,m.uploadPercent),m.setProgress(m.uploadPercent),m.initPreviewDeletes())}
,p=function(){
	C.removeAttr("disabled"),y.removeAttr("disabled"),x.removeClass("file-uploading")}
,u=function(t){
	r=m.getOutData(t),d("indicatorLoading","indicatorLoadingTitle"),o(x,"file-uploading"),C.attr("disabled",!0),y.attr("disabled",!0),n||m.lock(),m.raise("filepreupload",[r,b,i]),k=e.extend(k,r),m.abort(k)&&(t.abort(),m.setProgress(100))}
,f=function(t,a,l){
	r=m.getOutData(l,t),k=e.extend(k,r),setTimeout(function(){
	void 0===t.error?(d("indicatorSuccess","indicatorSuccessTitle"),C.hide(),y.hide(),m.filestack[i]=void 0,m.raise("fileuploaded",[r,b,i]),m.initUploadSuccess(t,x,n),n||m.resetFileStack()):(d("indicatorError","indicatorErrorTitle"),m.showUploadError(t.error,k))}
,100)}
,v=function(){
	setTimeout(function(){
	c(),p(),n?s():m.unlock(!1)}
,100)}
,h=function(t,r,l){
	var o=m.parseError(t,l,n?a[i].name:null);
	d("indicatorError","indicatorErrorTitle"),k=e.extend(k,m.getOutData(t)),m.showUploadError(o,k)}
,w.append(m.uploadFileAttr,a[i]),w.append("file_id",i),m.ajaxSubmit(u,f,v,h))}
,uploadBatch:function(){
	var i,t,a,n,r,l,s,d,c=this,p=c.filestack,u=p.length,f=c.filestack.length>0||!e.isEmptyObject(c.uploadExtraData),v={
}
;
	c.formdata=new FormData,0!==u&&f&&!c.abort(v)&&(i=c.fileActionSettings,t=function(t,a,n){
	var r=e("#"+c.previewInitId+"-"+t).find(".file-upload-indicator");
	r.html(i[a]),r.attr("title",i[n])}
,n=function(i){
	var t=e("#"+c.previewInitId+"-"+i+":not(.file-preview-initial)"),a=t.find(".kv-file-upload"),n=t.find(".kv-file-delete");
	t.removeClass("file-uploading"),a.removeAttr("disabled"),n.removeAttr("disabled")}
,a=function(){
	e.each(p,function(e){
	c.filestack[e]=void 0}
),c.clearFileInput()}
,r=function(i){
	c.lock();
	var t=c.getOutData(i);
	c.showPreview&&c.getThumbs().each(function(){
	var i=e(this),t=i.find(".kv-file-upload"),a=i.find(".kv-file-remove");
	o(i,"file-uploading"),t.attr("disabled",!0),a.attr("disabled",!0)}
),c.raise("filebatchpreupload",[t]),c.abort(t)&&i.abort()}
,l=function(i,r,l){
	var o=c.getOutData(l,i),s=c.getThumbs(),d=R(i.errorkeys)?[]:i.errorkeys;
	void 0===i.error||R(i.error)?(c.raise("filebatchuploadsuccess",[o]),a(),c.showPreview?(s.find(".kv-file-upload").hide(),s.find(".kv-file-remove").hide(),s.each(function(){
	var i=e(this),a=i.attr("data-fileindex");
	t(a,"indicatorSuccess","indicatorSuccessTitle"),n(a)}
),c.initUploadSuccess(i)):c.reset()):(c.showPreview&&(s.each(function(){
	var i=e(this),a=parseInt(i.attr("data-fileindex"),10);
	return n(a),0===d.length?void t(a,"indicatorError","indicatorErrorTitle"):void(-1!==e.inArray(a,d)?t(a,"indicatorError","indicatorErrorTitle"):(i.find(".kv-file-upload").hide(),i.find(".kv-file-remove").hide(),t(a,"indicatorSuccess","indicatorSuccessTitle"),c.filestack[a]=void 0))}
),c.initUploadSuccess(i)),c.showUploadError(i.error,o,"filebatchuploaderror"))}
,s=function(){
	c.setProgress(100),c.unlock(),c.raise("filebatchuploadcomplete",[c.filestack,c.getExtraData()]),c.clearFileInput()}
,d=function(i,a,n){
	var r=c.getOutData(i),l=c.parseError(i,n);
	c.showUploadError(l,r,"filebatchuploaderror"),c.uploadFileCount=u-1,c.showPreview&&(c.getThumbs().each(function(){
	var i=e(this),a=i.attr("data-fileindex");
	i.removeClass("file-uploading"),void 0!==c.filestack[a]&&t(a,"indicatorError","indicatorErrorTitle")}
),c.getThumbs().removeClass("file-uploading"),c.getThumbs(" .kv-file-upload").removeAttr("disabled"),c.getThumbs(" .kv-file-delete").removeAttr("disabled"))}
,e.each(p,function(e,i){
	R(p[e])||c.formdata.append(c.uploadFileAttr,i)}
),c.ajaxSubmit(r,l,s,d))}
,uploadExtraOnly:function(){
	var e,i,t,a,n=this,r={
}
;
	n.formdata=new FormData,n.abort(r)||(e=function(e){
	n.lock();
	var i=n.getOutData(e);
	n.raise("filebatchpreupload",[i]),n.setProgress(50),r.data=i,r.xhr=e,n.abort(r)&&(e.abort(),n.setProgress(100))}
,i=function(e,i,t){
	var a=n.getOutData(t,e);
	void 0===e.error||R(e.error)?(n.raise("filebatchuploadsuccess",[a]),n.clearFileInput(),n.initUploadSuccess(e)):n.showUploadError(e.error,a,"filebatchuploaderror")}
,t=function(){
	n.setProgress(100),n.unlock(),n.raise("filebatchuploadcomplete",[n.filestack,n.getExtraData()]),n.clearFileInput()}
,a=function(e,i,t){
	var a=n.getOutData(e),l=n.parseError(e,t);
	r.data=a,n.showUploadError(l,a,"filebatchuploaderror")}
,n.ajaxSubmit(e,i,t,a))}
,hideFileIcon:function(){
	this.overwriteInitial&&this.$captionContainer.find(".kv-caption-icon").hide();
}
,showFileIcon:function(){
	this.$captionContainer.find(".kv-caption-icon").show()}
,resetErrors:function(e){
	var i=this,t=i.$errorContainer;
	i.isError=!1,i.$container.removeClass("has-error"),t.html(""),e?t.fadeOut("slow"):t.hide()}
,showFolderError:function(e){
	var i=this,t=i.$errorContainer;
	e&&(t.html(i.msgFoldersNotAllowed.repl("{
	n}
",e)),t.fadeIn(800),o(i.$container,"has-error"),i.raise("filefoldererror",[e]))}
,showUploadError:function(e,i,t){
	var a=this,n=a.$errorContainer,r=t||"fileuploaderror";
	return 0===n.find("ul").length?n.html("<ul><li>"+e+"</li></ul>"):n.find("ul").append("<li>"+e+"</li>"),n.fadeIn(800),a.raise(r,[i]),o(a.$container,"has-error"),!0}
,showError:function(e,i,t){
	var a=this,n=a.$errorContainer,r=t||"fileerror";
	return i=i||{
}
,i.reader=a.reader,n.html(e),n.fadeIn(800),a.raise(r,[i]),a.isUploadable||a.clearFileInput(),o(a.$container,"has-error"),a.$btnUpload.attr("disabled",!0),!0}
,errorHandler:function(e,i){
	var t=this,a=e.target.error;
	switch(a.code){
	case a.NOT_FOUND_ERR:t.showError(t.msgFileNotFound.repl("{
	name}
",i));
	break;
	case a.SECURITY_ERR:t.showError(t.msgFileSecured.repl("{
	name}
",i));
	break;
	case a.NOT_READABLE_ERR:t.showError(t.msgFileNotReadable.repl("{
	name}
",i));
	break;
	case a.ABORT_ERR:t.showError(t.msgFilePreviewAborted.repl("{
	name}
",i));
	break;
	default:t.showError(t.msgFilePreviewError.repl("{
	name}
",i))}
}
,parseFileType:function(e){
	var i,t,a,n,r=this;
	for(n=0;
	n<A.length;
	n+=1)if(a=A[n],i=M(a,r.fileTypeSettings)?r.fileTypeSettings[a]:O[a],t=i(e.type,e.name)?a:"",!R(t))return t;
	return"other"}
,previewDefault:function(i,t,a){
	if(this.showPreview){
	var n=this,r=q.createObjectURL(i),l=e("#"+t),o=n.previewSettings.other,s=n.renderFileFooter(i.name,o.width),d=n.getPreviewTemplate("other"),c=t.slice(t.lastIndexOf("-")+1),p="";
	a===!0&&(p=" btn disabled",s+='<div class="file-other-error text-danger"><i class="glyphicon glyphicon-exclamation-sign"></i></div>'),n.$preview.append("\n"+d.repl("{
	previewId}
",t).repl("{
	frameClass}
",p).repl("{
	fileindex}
",c).repl("{
	caption}
",n.slug(i.name)).repl("{
	width}
",o.width).repl("{
	height}
",o.height).repl("{
	type}
",i.type).repl("{
	data}
",r).repl("{
	footer}
",s)),l.on("load",function(){
	q.revokeObjectURL(l.attr("data"))}
)}
}
,previewFile:function(e,i,t,a){
	if(this.showPreview){
	var n,r,l,o,s=this,d=s.parseFileType(e),c=s.slug(e.name),p=s.allowedPreviewTypes,u=s.allowedPreviewMimeTypes,f=s.getPreviewTemplate(d),v=M(d,s.previewSettings)?s.previewSettings[d]:L[d],h=parseInt(s.wrapTextLength,10),m=s.wrapIndicator,g=p.indexOf(d)>=0,w=R(u)||!R(u)&&-1!==u.indexOf(e.type),b=s.renderFileFooter(c,v.width),x="",C=t.slice(t.lastIndexOf("-")+1);
	g&&w?("text"===d?(r=Z(i.target.result),q.revokeObjectURL(a),r.length>h&&(l="text-"+N(),o=.75*window.innerHeight,x=s.getLayoutTemplate("modal").repl("{
	id}
",l).repl("{
	title}
",c).repl("{
	height}
",o).repl("{
	body}
",r),m=m.repl("{
	title}
",c).repl("{
	dialog}
","$('#"+l+"').modal('show')"),r=r.substring(0,h-1)+m),n=f.repl("{
	previewId}
",t).repl("{
	caption}
",c).repl("{
	frameClass}
","").repl("{
	type}
",e.type).repl("{
	width}
",v.width).repl("{
	height}
",v.height).repl("{
	data}
",r).repl("{
	footer}
",b).repl("{
	fileindex}
",C)+x):n=f.repl("{
	previewId}
",t).repl("{
	caption}
",c).repl("{
	frameClass}
","").repl("{
	type}
",e.type).repl("{
	data}
",a).repl("{
	width}
",v.width).repl("{
	height}
",v.height).repl("{
	footer}
",b).repl("{
	fileindex}
",C),s.$preview.append("\n"+n),s.autoSizeImage(t)):s.previewDefault(e,t)}
}
,slugDefault:function(e){
	return R(e)?"":e.split(/(\\|\/)/g).pop().replace(/[^\w\u00C0-\u017F\-.\\\/ ]+/g,"")}
,getFileStack:function(){
	var e=this;
	return e.filestack.filter(function(e){
	return void 0!==e}
)}
,readFiles:function(i){
	function t(e){
	if(R(n.attr("multiple"))&&(u=1),e>=u)return a.isUploadable&&a.filestack.length>0?a.raise("filebatchselected",[a.getFileStack()]):a.raise("filebatchselected",[i]),o.removeClass("loading"),void s.html("");
	var m,g,w,b,x,C,y=v+e,T=p+"-"+y,E=i[e],F=a.slug(E.name),k=(E.size||0)/1e3,$="",I=q.createObjectURL(E),D=0,P=a.allowedFileTypes,S=R(P)?"":P.join(","),U=a.allowedFileExtensions,j=R(U)?"":U.join(",");
	if(R(U)||($=new RegExp("\\.("+U.join("|")+")$","i")),k=k.toFixed(2),a.maxFileSize>0&&k>a.maxFileSize)return b=a.msgSizeTooLarge.repl("{
	name}
",F).repl("{
	size}
",k).repl("{
	maxSize}
",a.maxFileSize),void(a.isError=h(b,E,T,e));
	if(!R(P)&&z(P)){
	for(w=0;
	w<P.length;
	w+=1)x=P[w],g=f[x],C=void 0!==g&&g(E.type,F),D+=R(C)?0:C.length;
	if(0===D)return b=a.msgInvalidFileType.repl("{
	name}
",F).repl("{
	types}
",S),void(a.isError=h(b,E,T,e))}
return 0!==D||R(U)||!z(U)||R($)||(C=F.match($),D+=R(C)?0:C.length,0!==D)?a.showPreview?(r.length>0&&void 0!==FileReader?(s.html(d.repl("{
	index}
",e+1).repl("{
	files}
",u)),o.addClass("loading"),l.onerror=function(e){
	a.errorHandler(e,F)}
,l.onload=function(e){
	a.previewFile(E,e,T,I),a.initFileActions()}
,l.onloadend=function(){
	b=c.repl("{
	index}
",e+1).repl("{
	files}
",u).repl("{
	percent}
",50).repl("{
	name}
",F),setTimeout(function(){
	s.html(b),q.revokeObjectURL(I)}
,100),setTimeout(function(){
	t(e+1),a.updateFileDetails(u)}
,100),a.raise("fileloaded",[E,T,e,l])}
,l.onprogress=function(i){
	if(i.lengthComputable){
	var t=i.loaded/i.total*100,a=Math.ceil(t);
	b=c.repl("{
	index}
",e+1).repl("{
	files}
",u).repl("{
	percent}
",a).repl("{
	name}
",F),setTimeout(function(){
	s.html(b)}
,100)}
}
,m=M("text",f)?f.text:O.text,m(E.type,F)?l.readAsText(E,a.textEncoding):l.readAsArrayBuffer(E)):(a.previewDefault(E,T),setTimeout(function(){
	t(e+1),a.updateFileDetails(u)}
,100),a.raise("fileloaded",[E,T,e,l])),void a.filestack.push(E)):(a.filestack.push(E),setTimeout(t(e+1),100),void a.raise("fileloaded",[E,T,e,l])):(b=a.msgInvalidFileExtension.repl("{
	name}
",F).repl("{
	extensions}
",j),void(a.isError=h(b,E,T,e)))}
this.reader=new FileReader;
	var a=this,n=a.$element,r=a.$preview,l=a.reader,o=a.$previewContainer,s=a.$previewStatus,d=a.msgLoading,c=a.msgProgress,p=a.previewInitId,u=i.length,f=a.fileTypeSettings,v=a.filestack.length,h=function(t,n,r,l){
	var o=e.extend(a.getOutData({
}
,{
}
,i),{
	id:r,index:l}
),s={
	id:r,index:l,file:n,files:i}
;
	return a.previewDefault(n,r,!0),a.isUploadable?a.showUploadError(t,o):a.showError(t,s)}
;
	t(0),a.updateFileDetails(u,!1)}
,updateFileDetails:function(e){
	var i=this,a=i.$element,n=i.getFileStack(),r=a.val()||n.length&&n[0].name||"",l=i.slug(r),o=i.isUploadable?n.length:e,s=t.count(i.id)+o,d=o>1?i.getMsgSelected(s):l;
	i.isError?(i.$previewContainer.removeClass("loading"),i.$previewStatus.html(""),i.$captionContainer.find(".kv-caption-icon").hide()):i.showFileIcon(),i.setCaption(d,i.isError),i.$container.removeClass("file-input-new file-input-ajax-new"),1===arguments.length&&i.raise("fileselect",[e,l]),t.count(i.id)&&i.initPreviewDeletes()}
,change:function(i){
	var a=this,n=a.$element;
	if(!a.isUploadable&&R(n.val())&&a.fileInputCleared)return void(a.fileInputCleared=!1);
	a.fileInputCleared=!1;
	var r,l,o,s,d=a.$preview,c=arguments.length>1,p=c?i.originalEvent.dataTransfer.files:n.get(0).files,u=R(n.attr("multiple")),f=0,v=0,h=a.filestack.length,m=a.isUploadable,g=function(i,t,n,r){
	var l=e.extend(a.getOutData({
}
,{
}
,p),{
	id:n,index:r}
),o={
	id:n,index:r,file:t,files:p}
;
	return a.isUploadable?a.showUploadError(i,l):a.showError(i,o)}
;
	if(a.reader=null,a.resetUpload(),a.hideFileIcon(),a.isUploadable&&a.$container.find(".file-drop-zone ."+a.dropZoneTitleClass).remove(),c)for(r=[];
	p[f];
	)s=p[f],s.type||s.size%4096!==0?r.push(s):v++,f++;
	else r=void 0===i.target.files?i.target&&i.target.value?[{
	name:i.target.value.replace(/^.+\\/,"")}
]:[]:i.target.files;
	if(R(r)||0===r.length)return m||a.clear(),a.showFolderError(v),void a.raise("fileselectnone");
	if(a.resetErrors(),!m||u&&h>0){
	if(!a.overwriteInitial&&t.count(a.id)){
	var w=t.out(a.id);
	d.html(w.content),a.setCaption(w.caption),a.initPreviewDeletes()}
else d.html("");
	u&&h>0&&(a.filestack=[])}
return o=a.isUploadable?a.getFileStack().length+r.length:r.length,a.maxFileCount>0&&o>a.maxFileCount?(l=a.msgFilesTooMany.repl("{
	m}
",a.maxFileCount).repl("{
	n}
",o),a.isError=g(l,null,null,null),a.$captionContainer.find(".kv-caption-icon").hide(),a.$caption.html(a.msgValidationError),a.setEllipsis(),void a.$container.removeClass("file-input-new file-input-ajax-new")):(a.isIE9?a.updateFileDetails(1):a.readFiles(r),void a.showFolderError(v))}
,autoSizeImage:function(e){
	var i,t,a,n=this,r=n.$preview,l=r.find("#"+e),o=l.find("img");
	o.length&&o.on("load",function(){
	i=l.width(),t=r.width(),i>t&&(o.css("width","100%"),l.css("width","97%")),a=o.closest(".file-preview-frame").find(".file-caption-name"),a.length&&(a.width(o.width()),a.attr("title",a.text())),n.raise("fileimageloaded",e)}
)}
,initCaption:function(){
	var e=this,i=e.initialCaption||"";
	return e.overwriteInitial||R(i)?(e.$caption.html(""),!1):(e.setCaption(i),!0)}
,setCaption:function(i,t){
	var a,n,r=this,l=t||!1;
	if(l)a=e("<div>"+r.msgValidationError+"</div>").text(),n='<span class="'+r.msgValidationErrorClass+'">'+r.msgValidationErrorIcon+a+"</span>";
	else{
	if(R(i)||0===r.$caption.length)return;
	a=e("<div>"+i+"</div>").text(),n=r.getLayoutTemplate("icon")+a}
r.$caption.html(n),r.$caption.attr("title",a),r.$captionContainer.find(".file-caption-ellipsis").attr("title",a),r.setEllipsis()}
,initBrowse:function(e){
	var i=this;
	i.$btnFile=e.find(".btn-file"),i.$btnFile.append(i.$element)}
,createContainer:function(){
	var i=this,t=e(document.createElement("span")).attr({
	"class":"file-input file-input-new"}
).html(i.renderMain());
	return i.$element.before(t),i.initBrowse(t),t}
,refreshContainer:function(){
	var e=this,i=e.$container;
	i.before(e.$element),i.html(e.renderMain()),e.initBrowse(i)}
,renderMain:function(){
	var e=this,i=e.isUploadable&&e.dropZoneEnabled?" file-drop-zone":"",t=e.showPreview?e.getLayoutTemplate("preview").repl("{
	class}
",e.previewClass).repl("{
	dropClass}
",i):"",a=e.isDisabled?e.captionClass+" file-caption-disabled":e.captionClass,n=e.captionTemplate.repl("{
	class}
",a+" kv-fileinput-caption");
	return e.mainTemplate.repl("{
	class}
",e.mainClass).repl("{
	preview}
",t).repl("{
	caption}
",n).repl("{
	upload}
",e.renderUpload()).repl("{
	remove}
",e.renderRemove()).repl("{
	cancel}
",e.renderCancel()).repl("{
	browse}
",e.renderBrowse())}
,renderBrowse:function(){
	var e=this,i=e.browseClass+" btn-file",t="";
	return e.isDisabled&&(t=" disabled "),'<div class="'+i+'"'+t+"> "+e.browseIcon+e.browseLabel+" </div>"}
,renderRemove:function(){
	var e=this,i=e.removeClass+" fileinput-remove fileinput-remove-button",t="";
	return e.showRemove?(e.isDisabled&&(t=" disabled "),'<button type="button" title="'+e.removeTitle+'" class="'+i+'"'+t+">"+e.removeIcon+e.removeLabel+"</button>"):""}
,renderCancel:function(){
	var e=this,i=e.cancelClass+" fileinput-cancel fileinput-cancel-button";
	return e.showCancel?'<button type="button" title="'+e.cancelTitle+'" class="hide '+i+'">'+e.cancelIcon+e.cancelLabel+"</button>":""}
,renderUpload:function(){
	var e=this,i=e.uploadClass+" kv-fileinput-upload fileinput-upload-button",t="",a="";
	return e.showUpload?(e.isDisabled&&(a=" disabled "),t=!e.isUploadable||e.isDisabled?'<button type="submit" title="'+e.uploadTitle+'"class="'+i+'"'+a+">"+e.uploadIcon+e.uploadLabel+"</button>":'<a href="'+e.uploadUrl+'" title="'+e.uploadTitle+'" class="'+i+'"'+a+">"+e.uploadIcon+e.uploadLabel+"</a>"):""}
}
,e.fn.fileinput=function(t){
	if(n()||i(9)){
	var a=Array.apply(null,arguments);
	return a.shift(),this.each(function(){
	var i=e(this),n=i.data("fileinput"),r="object"==typeof t&&t;
	n||(n=new H(this,e.extend({
}
,e.fn.fileinput.defaults,r,e(this).data())),i.data("fileinput",n)),"string"==typeof t&&n[t].apply(n,a)}
)}
}
,e.fn.fileinput.defaults={
	showCaption:!0,showPreview:!0,showRemove:!0,showUpload:!0,showCancel:!0,mainClass:"",previewClass:"",captionClass:"",mainTemplate:null,initialCaption:"",initialPreview:[],initialPreviewDelimiter:"*$$*",initialPreviewConfig:[],initialPreviewThumbTags:[],previewThumbTags:{
}
,initialPreviewShowDelete:!0,deleteUrl:"",deleteExtraData:{
}
,overwriteInitial:!0,layoutTemplates:U,previewTemplates:j,allowedPreviewTypes:A,allowedPreviewMimeTypes:null,allowedFileTypes:null,allowedFileExtensions:null,customLayoutTags:{
}
,customPreviewTags:{
}
,previewSettings:L,fileTypeSettings:O,previewFileIcon:'<i class="glyphicon glyphicon-file"></i>',browseIcon:'<i class="glyphicon glyphicon-folder-open"></i> &nbsp;
	',browseClass:"btn btn-primary",removeIcon:'<i class="glyphicon glyphicon-trash"></i> ',removeClass:"btn btn-default",cancelIcon:'<i class="glyphicon glyphicon-ban-circle"></i> ',cancelClass:"btn btn-default",uploadIcon:'<i class="glyphicon glyphicon-upload"></i> ',uploadClass:"btn btn-default",uploadUrl:null,uploadAsync:!0,uploadExtraData:{
}
,maxFileSize:0,minFileCount:0,maxFileCount:0,msgValidationErrorClass:"text-danger",msgValidationErrorIcon:'<i class="glyphicon glyphicon-exclamation-sign"></i> ',msgErrorClass:"file-error-message",progressClass:"progress-bar progress-bar-success progress-bar-striped active",progressCompleteClass:"progress-bar progress-bar-success",previewFileType:"image",wrapTextLength:250,wrapIndicator:' <span class="wrap-indicator" title="{
	title}
" onclick="{
	dialog}
">[&hellip;
	]</span>',elCaptionContainer:null,elCaptionText:null,elPreviewContainer:null,elPreviewImage:null,elPreviewStatus:null,elErrorContainer:null,slugCallback:null,dropZoneEnabled:!0,dropZoneTitleClass:"file-drop-zone-title",fileActionSettings:{
}
,otherActionButtons:"",textEncoding:"UTF-8",ajaxSettings:{
}
,ajaxDeleteSettings:{
}
,showAjaxErrorDetails:!0}
,e.fn.fileinput.locales={
}
,e.fn.fileinput.locales.en={
	fileSingle:"file",filePlural:"files",browseLabel:"Browse &hellip;
	",removeLabel:"Remove",removeTitle:"Clear selected files",cancelLabel:"Cancel",cancelTitle:"Abort ongoing upload",uploadLabel:"Upload",uploadTitle:"Upload selected files",msgSizeTooLarge:'File "{
	name}
" (<b>{
	size}
KB</b>) exceeds maximum allowed upload size of <b>{
	maxSize}
KB</b>. Please retry your upload!',msgFilesTooLess:"You must select at least <b>{
	n}
</b>{
	files}
to upload. Please retry your upload!",msgFilesTooMany:"Number of files selected for upload <b>({
	n}
)</b> exceeds maximum allowed limit of <b>{
	m}
</b>. Please retry your upload!",msgFileNotFound:'File "{
	name}
" not found!',msgFileSecured:'Security restrictions prevent reading the file "{
	name}
".',msgFileNotReadable:'File "{
	name}
" is not readable.',msgFilePreviewAborted:'File preview aborted for "{
	name}
".',msgFilePreviewError:'An error occurred while reading the file "{
	name}
".',msgInvalidFileType:'Invalid type for file "{
	name}
". Only "{
	types}
" files are supported.',msgInvalidFileExtension:'Invalid extension for file "{
	name}
". Only "{
	extensions}
" files are supported.',msgValidationError:"File Upload Error",msgLoading:"Loading file{
	index}
of{
	files}
&hellip;
	",msgProgress:"Loading file{
	index}
of{
	files}
-{
	name}
-{
	percent}
% completed.",msgSelected:"{
	n}
{
	files}
selected",msgFoldersNotAllowed:"Drag & drop files only!{
	n}
folder(s) dropped were skipped.",dropZoneTitle:"Drag & drop files here &hellip;
	"}
,e.extend(e.fn.fileinput.defaults,e.fn.fileinput.locales.en),e.fn.fileinput.Constructor=H,e(document).ready(function(){
	var i=e("input.file[type=file]"),t=i.attr("type")?i.length:0;
	t>0&&i.fileinput()}
)}
(window.jQuery);

CSS代码(default.css):

@import url(http://fonts.useso.com/css?family=Raleway:200,500,700,800);@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?rretjt');src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),url('../fonts/icomoon.woff?rretjt') format('woff'),url('../fonts/icomoon.ttf?rretjt') format('truetype'),url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;/* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body,html{font-size:100%;padding:0;margin:0;}
/* Reset */
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* Clearfix hack by Nicolas Gallagher:http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
body{background:#f9f7f6;color:#404d5b;font-weight:500;font-size:1.05em;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;}
a{color:#2fa0ec;text-decoration:none;outline:none;}
a:hover,a:focus{color:#74777b;}
.htmleaf-container{margin:0 auto;overflow:hidden;}
.bgcolor-1{background:#f0efee;}
.bgcolor-2{background:#f9f9f9;}
.bgcolor-3{background:#e8e8e8;}
/*light grey*/
.bgcolor-4{background:#2f3238;color:#fff;}
/*Dark grey*/
.bgcolor-5{background:#df6659;color:#521e18;}
/*pink1*/
.bgcolor-6{background:#2fa8ec;}
/*sky blue*/
.bgcolor-7{background:#d0d6d6;}
/*White tea*/
.bgcolor-8{background:#3d4444;color:#fff;}
/*Dark grey2*/
.bgcolor-9{background:#ef3f52;color:#fff;}
/*pink2*/
.bgcolor-10{background:#64448f;color:#fff;}
/*Violet*/
.bgcolor-11{background:#3755ad;color:#fff;}
/*dark blue*/
.bgcolor-12{background:#3498DB;color:#fff;}
/*light blue*/
/* Header */
.htmleaf-header{padding:1em 190px 1em;letter-spacing:-1px;text-align:center;}
.htmleaf-header h1{font-weight:600;font-size:2em;line-height:1;margin-bottom:0;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;}
.htmleaf-header h1 span{font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;display:block;font-size:60%;font-weight:400;padding:0.8em 0 0.5em 0;color:#c3c8cd;}
/*nav*/
.htmleaf-demo a{color:#1d7db1;text-decoration:none;}
.htmleaf-demo{width:100%;padding-bottom:1.2em;}
.htmleaf-demo a{display:inline-block;margin:0.5em;padding:0.6em 1em;border:3px solid #1d7db1;font-weight:700;}
.htmleaf-demo a:hover{opacity:0.6;}
.htmleaf-demo a.current{background:#1d7db1;color:#fff;}
/* Top Navigation Style */
.htmleaf-links{position:relative;display:inline-block;white-space:nowrap;font-size:1.5em;text-align:center;}
.htmleaf-links::after{position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:100%;background:#dbdbdb;content:'';-webkit-transform:rotate3d(0,0,1,22.5deg);transform:rotate3d(0,0,1,22.5deg);}
.htmleaf-icon{display:inline-block;margin:0.5em;padding:0em 0;width:1.5em;text-decoration:none;}
.htmleaf-icon span{display:none;}
.htmleaf-icon:before{margin:0 5px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'icomoon';line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
/* footer */
.htmleaf-footer{width:100%;padding-top:10px;}
.htmleaf-small{font-size:0.8em;}
.center{text-align:center;}
/****/
.related{color:#fff;background:#333;text-align:center;font-size:1.25em;padding:0.5em 0;overflow:hidden;}
.related > a{vertical-align:top;width:calc(100% - 20px);max-width:340px;display:inline-block;text-align:center;margin:20px 10px;padding:25px;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;}
.related a{display:inline-block;text-align:left;margin:20px auto;padding:10px 20px;opacity:0.8;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-backface-visibility:hidden;}
.related a:hover,.related a:active{opacity:1;}
.related a img{max-width:100%;opacity:0.8;border-radius:4px;}
.related a:hover img,.related a:active img{opacity:1;}
.related h3{font-family:"Microsoft YaHei",sans-serif;}
.related a h3{font-weight:300;margin-top:0.15em;color:#fff;}
/* icomoon */
.icon-htmleaf-home-outline:before{content:"\e5000";}
.icon-htmleaf-arrow-forward-outline:before{content:"\e5001";}
@media screen and (max-width:50em){.htmleaf-header{padding:3em 10% 4em;}
.htmleaf-header h1{font-size:2em;}
}
@media screen and (max-width:40em){.htmleaf-header h1{font-size:1.5em;}
}
@media screen and (max-width:30em){.htmleaf-header h1{font-size:1.2em;}
}
附件:下载该文件资源,减少时间成本(增值服务)
File Source
.rar
122.27 KB
立即下载(CNY 2.9￥)
打赏 收藏
分享
分享到QQ 分享到微博 微信扫一扫
留言
该资源可下载
File Source
.rar
122.27 KB
立即下载
萧茗青芳
了解
打赏作者 鼓励作者
html5特效
最新结算
HTM5 Canvas实现3D飞机飞行动画特效代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
HTM5 Canvas实现3D飞机飞行动画特效代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery图像缩放工具插件Zoomer特效代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery图像缩放工具插件Zoomer特效代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
Labelauty–jQuery单选框_复选框美化插件特效代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
Labelauty–jQuery单选框_复选框美化插件特效代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery网页版打砖块小游戏源码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery网页版打砖块小游戏源码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害，或使用了您的版权，请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
帮助中心
联系我们
  • QQ：21499807
  • 邮箱：sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章