mirror of https://github.com/helloxz/imgurl.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
5.1 KiB
136 lines
5.1 KiB
<!DOCTYPE html> |
|
<html lang="zh-cmn-Hans" xmlns="http://www.w3.org/1999/xhtml"> |
|
<head> |
|
<meta charset="utf-8" /> |
|
<title>ImgURL - 简单、纯粹的图床程序。</title> |
|
<meta name="generator" content="EverEdit" /> |
|
<meta name="author" content="xiaoz.me" /> |
|
<meta name="keywords" content="ImgURL,免费图床,图床程序,小z图床,XZ Pic" /> |
|
<meta name="description" content="ImgURL是一个简单、纯粹的图床程序，让个人图床多一个选择。" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> |
|
<link rel="Bookmark" href="favicon.ico" /> |
|
<link rel="stylesheet" href="./static/layui/css/layui.css"> |
|
<link rel="stylesheet" href="./static/style.css?v=1.2"> |
|
<script src = "https://libs.xiaoz.top/clipBoard.js/clipBoard.min.js"></script> |
|
|
|
<style type="text/css" media="screen" id="test"> |
|
#imgbtn{ |
|
display: none; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<div class="layui-container"> |
|
<div class="layui-row"> |
|
<div class="layui-col-lg12 layui-col-xs12"> |
|
<div class="msg"><i class="layui-icon"></i> 注意：您上传的图片将会公开显示，勿上传隐私图片。此项目依赖于：<a href="https://imgurl.org/" target = "_blank">https://imgurl.org/</a></div> |
|
<!--选项卡测试--> |
|
<div class="layui-tab layui-tab-brief" lay-filter="uptab"> |
|
<ul class="layui-tab-title"> |
|
<li class="layui-this">ImgURL</li> |
|
<li>SM.MS</li> |
|
</ul> |
|
<div class="layui-tab-content"> |
|
<!--上传到ImgURL--> |
|
<div class="layui-tab-item layui-show"> |
|
<!-- 上传图片表单 --> |
|
<div class="layui-upload-drag" id="upimg"> |
|
<i class="layui-icon"></i> |
|
<p>点击上传，或将图片拖拽到此处</p> |
|
</div> |
|
<!-- 上传图片表单END --> |
|
</div> |
|
<!--上传到sm.ms--> |
|
<div class="layui-tab-item"> |
|
<div class = "smfile"> |
|
<a href="javascript:;" class="file"> |
|
<input type="file" name="smfile" id="sm"> |
|
<i class="layui-icon" style = "font-size:6em;"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!--选项卡END--> |
|
</div> |
|
</div> |
|
<div style = "clear:both;"></div> |
|
<!-- 图片上传成功 --> |
|
<div class="layui-row" id = "upok" style = "margin-top:1em;"> |
|
<div> |
|
<div id="showpic" class = "layui-col-lg5"><a href="" target = "_blank"><img src=""></a></div> |
|
<div id="piclink" class = "layui-col-lg6 layui-col-md-offset1"> |
|
<table class="layui-table" lay-skin="nob"> |
|
<colgroup> |
|
<col width="80"> |
|
<col width="400"> |
|
<col> |
|
</colgroup> |
|
<tbody> |
|
<tr> |
|
<td>URL</td> |
|
<td><input type="text" class="layui-input" id = "url"></td> |
|
<td><a href="javascript:;" class = "layui-btn layui-btn-sm" onclick = "copy('url')">复制</a></td> |
|
</tr> |
|
<tr> |
|
<td>HTML</td> |
|
<td><input type="text" class="layui-input" id = "html"></td> |
|
<td><a href="javascript:;" class = "layui-btn layui-btn-sm" onclick = "copy('html')">复制</a></td> |
|
</tr> |
|
<tr> |
|
<td>MarkDown</td> |
|
<td><input type="text" class="layui-input" id = "markdown"></td> |
|
<td><a href="javascript:;" class = "layui-btn layui-btn-sm" onclick = "copy('markdown')">复制</a></td> |
|
</tr> |
|
<tr> |
|
<td>BBcode</td> |
|
<td><input type="text" class="layui-input" id = "bbcode"></td> |
|
<td><a href="javascript:;" class = "layui-btn layui-btn-sm" onclick = "copy('bbcode')">复制</a></td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- 图片上传成功END --> |
|
</div> |
|
|
|
<div style = "clear:both;"></div> |
|
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script> |
|
<script src = "./static/index.js"></script> |
|
<script src="./static/layui/layui.js"></script> |
|
<script src="./static/embed.js?v=1.2"></script> |
|
<script> |
|
//隐藏按钮 |
|
//setTimeout('$("#imgbtn").remove()',100) |
|
layui.use(['element'],function(){ |
|
var element = layui.element; |
|
element.on('tab(uptab)', function(data){ |
|
//console.log(this); //当前Tab标题所在的原始DOM元素 |
|
//console.log(data.index); //得到当前Tab的所在下标 |
|
//console.log(data.elem); //得到当前的Tab大容器 |
|
}); |
|
}); |
|
|
|
var load1 = document.querySelector("body"); |
|
|
|
// 实例化即可 |
|
new ctrlVUtil({ |
|
uploadUrl: "functions/cvupload.php", |
|
targetElement: load1, |
|
isCompleteImg:false, |
|
data:{ |
|
name:"alanzhang" |
|
}, |
|
success:function(data){ |
|
alert("上传成功"); |
|
console.log(data); |
|
}, |
|
error: function(error){ |
|
alert("上传失败"); |
|
} |
|
}); |
|
</script> |
|
</body> |
|
</html> |