Files
toolbox/public/tool/bdpan/create.html
T
2023-09-28 16:21:06 +08:00

126 lines
5.3 KiB
HTML

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>百度网盘免和谐分享</title>
<meta name="description" content="百度网盘免和谐分享平台,利用百度网盘秒传机制,实现任意文件分享链接生成与批量转存">
<meta name="keywords" content="百度网盘免和谐分享,百度网盘分享平台,百度网盘分享链接生成,百度网盘直链,bdpan://分享链接一键转存">
<link href="//lib.baomitu.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="//lib.baomitu.com/dropzone/4.3.0/min/dropzone.min.css">
<!--[if lt IE 9]>
<script src="//lib.baomitu.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="//lib.baomitu.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
body {font-size: 14px !important; font-family: '微软雅黑' !important;}
.c_top {margin-top: 60px; padding: 0px !important;}
#hash_file {border: 2px solid rgb(66,158,158);}
.hashlink {color: green!important;font-weight: bold;word-break:break-all;}
</style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/" class="navbar-brand">百度网盘免和谐分享</a>
</div>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="./">一键转存</a>
</li>
<li class="active">
<a href="./create.html">一键分享</a>
</li>
<li>
<a href="./help.html">帮助</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container c_top">
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title text-center">百度网盘文件分享链接生成</h3>
</div>
<div class="panel-body">
<div class="alert alert-success" role="alert"><strong>请先将要分享的文件上传到百度网盘</strong>,然后将要分享的文件拖到下方区域,即可生成bdpan://文件分享链接。</div>
<div class="alert alert-info" role="alert">文件分享链接的计算生成全部在浏览器完成,<strong>不会产生任何网络流量</strong>。生成时间视文件大小而定,如果文件较大请耐心等待,理论支持3G以下的文件。</div>
<form action="#" class="dropzone dz-clickable" id="hash_file">
<div class="dz-message" >
Drop files here or click to create link.<br>
<span class="note">(文件拖放到这里或者点击选择文件 <strong>计算文件分享链接</strong>)</span>
</div>
</form>
<hr/>
<table class="table table-hover">
<tbody id="showTable">
<tr class="th">
<th>已生成的分享链接:</th>
</tr>
</tbody>
</table>
<button class="btn btn-primary btn-sm" id="copyLink"/>复制全部链接</button>&nbsp;<button class="btn btn-danger btn-sm" id="clearLink"/>清空生成记录</button>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="panel-footer text-center">
<p>Copyright &copy; 2022 <a href="./" title="百度网盘免和谐分享">百度网盘免和谐分享</a>
</div>
</footer>
<script src="//lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<script src="//lib.baomitu.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="//lib.baomitu.com/layer/2.3/layer.js"></script>
<script src="//lib.baomitu.com/clipboard.js/1.7.1/clipboard.min.js"></script>
<script src="//lib.baomitu.com/dropzone/4.3.0/min/dropzone.min.js"></script>
<script type="text/javascript" src="assets/js/md5.js"></script>
<script type="text/javascript" src="assets/js/crc32.js"></script>
<script type="text/javascript" src="assets/js/html5hash.js"></script>
<script>
var clipboard = new Clipboard('#copyLink', {
text: function() {
var data = '';
$(".hashlink").each(function(){
data += $(this).text() + "\r\n";
});
return data;
}
});
clipboard.on('success', function (e) {
layer.msg('复制成功!');
});
clipboard.on('error', function (e) {
layer.msg('复制失败,请长按链接后手动复制');
});
$(document).ready(function(){
$("#clearLink").click(function(){
$("#showTable").html('<tr class="th"><th>已生成的分享链接:</th></tr>');
$(".dz-preview").remove();
$("#hash_file").removeClass("dz-started");
localStorage.removeItem('historylink');
layer.msg('清空成功!');
});
if(localStorage.getItem('historylink')){
var uniquecnt = 0;
$.each(localStorage.getItem('historylink').split('*'), function(i, v) {
var uid = "ofilehash" + (uniquecnt++);
$("#showTable").append('<tr><td class="hash_file_info hashlink" id="'+uid+'">'+v+'</td></tr>');
});
}
})
</script>
</body>
</html>