本帖最后由 当兵的男人 于 2025-12-24 22:23 编辑
一直想搞个闪传,类似奶牛快传!!! 大家拿去玩吧。如果可以希望大佬们能在这个基础上增强。比如文件加密、切片上传(续传)、分段下载(续下)等。
[HTML] 纯文本查看 复制代码 <!DOCTYPE html><html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ site_title }} - {{ site_subtitle }}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
</head>
<body>
<div class="header">
<div class="container">
<div class="header-content">
<div class="logo" style="cursor: pointer;">
<img src="{{ logo_url }}" alt="{{ site_title }}LOGO">
<div class="logo-text">
<h1>{{ site_title }}</h1>
<p>{{ site_subtitle }}</p>
</div>
</div>
<div class="nav">
<a href="#" class="active">文件传输</a>
<a href="#">收发记录</a>
</div>
</div>
</div>
</div>
<div class="page-header">
<div class="container">
<p>{{ header_text or '简单快速,安全可靠的文件传输服务' }}</p>
</div>
</div>
<div class="main-container">
<div class="container">
<div id="main-page">
<div class="content-grid">
<!-- 发文件区域 -->
<div class="content-card">
<div class="card-header">
<h2>📤 发送文件</h2>
<p>简单2步,极速传文件给他人</p>
</div>
<div class="upload-area">
<i>📁</i>
<p>选择文件</p>
<small>或拖拽到白色区域内</small>
<input type="file" id="file-input" style="display: none;">
<!-- 在上传区域添加配置信息显示 -->
<div class="upload-info">
<small>
最大文件大小:<span id="max-size-display">50MB</span> |
最大下载次数:<span id="max-downloads-display">10次</span> |
最大分享时限:<span id="max-hours-display">72小时</span>
</small>
</div>
</div>
<div class="input-group">
<label for="max_downloads">最大下载次数</label>
<input type="number" id="max_downloads" value="1" min="1" max="10">
</div>
<div class="input-group">
<label for="expire_hours">分享时限 (小时)</label>
<input type="number" id="expire_hours" value="24" min="1" max="72">
</div>
</div>
<!-- 收文件区域 -->
<div class="content-card">
<div class="card-header">
<h2>📥 接收文件</h2>
<p>输入提取码或删除码下载文件</p>
</div>
<div class="input-group">
<label for="extract-code">提取码</label>
<input type="text" id="extract-code" placeholder="请输入提取码">
</div>
<div class="input-group">
<label for="delete-code">删除码</label>
<input type="text" id="delete-code" placeholder="请输入删除码">
</div>
<button id="action-button" class="btn btn-primary">
下载文件
</button>
<div id="receive-error" class="message error"></div>
<div id="receive-success" class="message success"></div>
</div>
</div>
</div>
<div id="history-page" style="display: none;">
<div class="history-grid">
<!-- 上传记录 -->
<div class="history-section">
<div class="history-header">
<h3 class="history-title">📤 上传记录</h3>
</div>
<div id="upload-history-content" class="history-content">
<div class="empty-state">
<i>📂</i>
<p>暂无上传记录</p>
</div>
</div>
<div id="upload-loading" class="loading-indicator">
加载中...
</div>
</div>
<!-- 下载记录 -->
<div class="history-section">
<div class="history-header">
<h3 class="history-title">📥 下载记录</h3>
</div>
<div id="download-history-content" class="history-content">
<div class="empty-state">
<i>💾</i>
<p>暂无下载记录</p>
</div>
</div>
<div id="download-loading" class="loading-indicator">
加载中...
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="warning">
<span>⚠️</span>
<span>{{ footer_text or '发送违法、违规等有害信息,会受到司法严惩。' }}</span>
</div>
<div class="checkbox-group">
<!--<input type="checkbox" id="agreement" checked>-->
<label for="agreement">IM'MO</label>
</div>
</div>
<!-- 成功弹窗 -->
<div id="success-modal" class="modal-overlay">
<div class="modal-content">
<button class="close-btn">✕</button>
<h3 style="margin-top: 0; margin-bottom: 25px; color: #333;">🎉 文件上传成功!</h3>
<div class="code-display">
<div class="code-label">提取码</div>
<div class="code-value" id="extract-code-display">
<span id="extract-code-text">ABC123</span>
<span id="extract-copy-indicator" class="copy-indicator">已自动复制</span>
</div>
</div>
<div class="code-display">
<div class="code-label">删除码(仅显示一次)</div>
<div class="code-value" id="delete-code-display">
<span id="delete-code-text">XYZ789012345</span>
<span id="delete-copy-indicator" class="copy-indicator pending">点击复制</span>
</div>
</div>
</div>
</div>
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>
更新时间:12.24凌晨1.12 别问我更新了啥。全开源 自己去整吧。我用AI把我的代码全部加了注释,也让它给我优化了。这样新手来了也看得懂,也知道怎么改了。因为我也是新手,下面根据自己需求自己改吧。提供了EXE成品一键打开,python环境下的一键脚本。累了,就这样吧我自己够用了。
添加测试网站链接。此站仅用来给大家测试效果,让你直观的感受这是不是你想要的东西,不要上传乱七八槽的东西!后台都有日志记录,保留责任追究哈。
下载链接:
https://yourdaddy.lanzoue.com/b0koo8naf 密码:dq10
预览链接:https://sc.lmcy.qzz.io/
https://github.com/QINSH9527/IM-Share
|