老默闪传 V.2.0:高效文件传输工具分享与增强建议

本文摘要:
老默闪传 V.2.0是一个本地网页版文件传输工具,用户可通过其界面进行文件发送与接收,并自定义单文件最大体积、分享链接的有效期与最大下载次数。文章作者分享了该工具,并建议未来可增强文件加密、切片上传(支持断点续传)及分段下载等功能,以提升其安全性与大文件传输的可靠性。
— 本文部分摘要灵感源自 DeepSeek 深度思考 ✨

一直想搞个闪传,类似奶牛快传!!! 大家拿去玩吧。如果可以希望大佬们能在这个基础上增强。比如文件加密、切片上传(续传)、分段下载(续下)等。

图片[1]|老默闪传 V.2.0:高效文件传输工具分享与增强建议|不死鸟资源网
图片[2]|老默闪传 V.2.0:高效文件传输工具分享与增强建议|不死鸟资源网
<!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>

本站文章部分内容可能来源于网络,仅供大家学习参考,如有侵权,请联系站长📧ommind@qq.com进行删除处理!
老默闪传 V.2.0:高效文件传输工具分享与增强建议|不死鸟资源网
老默闪传 V.2.0:高效文件传输工具分享与增强建议
此内容为免费资源,请登录后查看
¥0
限时特惠
¥99
文章采用CC BY-NC-SA 4.0许可协议授权
免费资源
THE END
点赞14 分享