网页插件 支持上传文件 图片上传显示 头部漂浮导航

@Ta 2016-06-06发布,2016-08-25修改 8337点击
更新:
文件下载地址:hu60_upload.php


<style>
body{max-width:720px;margin:0px auto !important;box-shadow:0 0 15px #ccc;}
img{max-width:100%;}
</style>
<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" language="javascript">
(function ($) {
  $.getUrlParam = function (name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]); return null;
  }
})(jQuery);

window.onload=function(){
  var file = $.getUrlParam("file");
  var ext = $.getUrlParam("ext");
  if(file != null){
    if(ext == "jpg" || ext == "gif" || ext == "png" || ext == "jpeg" || ext == "bmp"){
      $("textarea[name=content]").html( $("textarea[name=content]").val() + "\r\n[img]" + file + "[/img]");
    }else{
      $("textarea[name=content]").html( $("textarea[name=content]").val() + "\r\n文件下载地址:" + file);
    }
  }
}
</script>
<nav class="navbar navbar-fixed-top navbar-default">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			<span class="sr-only">导航按钮</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#">虎绿林</a>
		</div>
				<div id="navbar" class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-right">
				<li class="">
					<a href="./addin.webplug.html"><span class="glyphicon glyphicon-cog"></span> 网页插件</a>
				</li>
				<li class="">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
						<span class="glyphicon glyphicon-cloud"></span> 我的
						<b class="caret"></b>
					</a>
					<ul class="dropdown-menu">
						<li><a href="./user.index.html">用户中心</a></li>
						<li><a href="./msg.index.html">内信</a></li>
						<li><a href="./msg.index.@.html">@信息</a></li>
						<li><a href="./bbs.newtopic.0.html">发帖</a></li>
					</ul>
				</li>
								<li class="" id="upload">
					<a href="https://www.xinby.cn/hu60_upload.php"><span class="glyphicon glyphicon-upload"></span> 上传文件</a>
				</li>
								<li class="">
					<a href="./user.exit.html"><span class="glyphicon glyphicon-log-out"></span> 注销登录</a>
				</li>
			</ul>
		</div>
			</div>
</nav>
<div style="padding-top:51px;"></div>








--------------------------------------------------
--------------------------------------------------


直接贴代码:

<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<style>
body{max-width:720px;margin:0px auto !important;box-shadow:0 0 15px #ccc;}
img{max-width:100%;}
</style>
<style type="text/css">
body{margin:0px;padding:0px;}
a{text-decoration:none;font-size:16px;}
.top{width:100%;max-width:720px;position:fixed;}
#top1{background-color:#f00;height:40px;line-height:40px;color:#fff;text-align:center;}
#top_cd {position:relative;}
#top_cd ul{margin:0px;padding:0px;background-color:#09f;height:30px;line-height:30px;width:100%;border-top:1px solid #09f;border-bottom:1px solid #09f;}
#top_cd ul li{list-style-type:none;float:left;width:20%;text-align:center;}
#top_cd ul li{color:#fff}
#top_cd ul li:hover{background-color:#ccc;}
#top_cd ul li a{color:#fff;}
</style>
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
(function ($) {
  $.getUrlParam = function (name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]); return null;
  }
})(jQuery);

window.onload=function(){
  //var ue = UE.getEditor('content');
  var tq = $("input[type='submit']").attr("name");
  if(tq = "go"){
    $("form>p").html("<input type=\"submit\" name=\"go\" class=\"btn btn-success\" value=\"确认提交\"> <a href=\"http://www.xinby.cn/hu60_upload.php\" class=\"btn btn-success\">上传文件</a> <span>by 蒋小凌</span>");
  }

  var file = $.getUrlParam("file");
  var ext = $.getUrlParam("ext");
  if(file != null){
    if(ext == "jpg" || ext == "gif" || ext == "png" || ext == "jpeg" || ext == "bmp"){
      $("#content").html("[img]" + file + "[/img]");
    }else{
      $("#content").html("文件下载地址:" + file + "\r\n");
    }
    
  }
}
</script>
<div class="top">
<div id="top1">
虎绿林
</div>
<div id="top_cd">
<ul>
<a href="./index.index.html"><li>首页</li></a>
<a href="./bbs.forum.html"><li>论坛</li></a>
<a href="./addin.webplug.html"><li>插件</li></a>
<a href="./addin.chat.%E5%85%AC%E5%85%B1%E8%81%8A%E5%A4%A9%E5%AE%A4.html"><li>聊天</li></a>
<a href="./user.index.html"><li>资料</li></a>
</ul>
</div>
</div>
<div style="padding-top:72px;"></div>
回复列表(52)
添加新回复
回复需要登录

[聊天-聊天灌水] 方妹:Redmi K30 Pro