fcbyk-cli 0.0.0a1__tar.gz

fcbyk_cli-0.0.0a1/.gitattributes

@@ -0,0 +1,3 @@
+# 官方文档 https://github.com/github-linguist/linguist/blob/master/docs/overrides.md
+
+web/** linguist-generated=true

fcbyk_cli-0.0.0a1/.github/workflows/test.yml

@@ -0,0 +1,34 @@
+name: Tests
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        python-version: [3.8, 3.9, '3.10', '3.11', '3.12']
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Set up Python ${{ matrix.python-version }}
+      uses: actions/setup-python@v4
+      with:
+        python-version: ${{ matrix.python-version }}
+    - name: Install dependencies
+      run: |
+        python -m pip install --upgrade pip
+        pip install -e ".[test]"
+    - name: Run tests with coverage
+      run: |
+        pytest --cov=fcbyk --cov-report=xml
+    - name: Upload coverage to Codecov
+      uses: codecov/codecov-action@v3
+      with:
+        file: ./coverage.xml
+        fail_ci_if_error: true
+        token: ${{ secrets.CODECOV_TOKEN }}

fcbyk_cli-0.0.0a1/.gitignore

@@ -0,0 +1,9 @@
+*.egg-info/
+build/
+dist/
+.idea
+
+__pycache__
+.coverage
+.pytest_cache
+.vscode

fcbyk_cli-0.0.0a1/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Yoki
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

fcbyk_cli-0.0.0a1/PKG-INFO

@@ -0,0 +1,12 @@
+Metadata-Version: 2.4
+Name: fcbyk-cli
+Version: 0.0.0a1
+License-File: LICENSE
+Requires-Python: >=3.7
+Requires-Dist: click
+Requires-Dist: flask
+Requires-Dist: pyperclip
+Provides-Extra: test
+Requires-Dist: beautifulsoup4; extra == 'test'
+Requires-Dist: pytest; extra == 'test'
+Requires-Dist: pytest-cov; extra == 'test'

fcbyk_cli-0.0.0a1/README.md

@@ -0,0 +1,4 @@
+[![PyPI](https://img.shields.io/pypi/v/fcbyk-cli.svg)](https://pypi.org/project/fcbyk-cli/)
+[![Tests](https://github.com/fcbyk/fcbyk-cli/actions/workflows/test.yml/badge.svg)](https://github.com/fcbyk/fcbyk-cli/actions/workflows/test.yml)
+[![codecov](https://codecov.io/gh/fcbyk/fcbyk-cli/branch/main/graph/badge.svg)](https://codecov.io/gh/fcbyk/fcbyk-cli)
+[![License](https://img.shields.io/github/license/fcbyk/fcbyk-cli.svg)](https://github.com/fcbyk/fcbyk-cli/blob/main/LICENSE)

fcbyk_cli-0.0.0a1/pyproject.toml

@@ -0,0 +1,31 @@
+[build-system]
+requires = ["hatchling"]
+build-backend = "hatchling.build"
+
+[project]
+name = "fcbyk-cli"
+version = "0.0.0-alpha.1"
+requires-python = ">=3.7"
+dependencies = [
+    "click",
+    "flask",
+    "pyperclip"
+]
+
+[project.optional-dependencies]
+test = [
+    "pytest",
+    "pytest-cov",
+    "beautifulsoup4"
+]
+
+[project.scripts]
+fcbyk = "fcbyk.cli:cli"
+
+[tool.hatch.build.targets.wheel]
+packages = ["src/fcbyk"]
+
+[tool.pytest.ini_options]
+testpaths = ["src/fcbyk/tests"]
+python_files = ["test_*.py"]
+addopts = "-v --cov=fcbyk --cov-report=term-missing" 

fcbyk_cli-0.0.0a1/src/fcbyk/cli.py

@@ -0,0 +1,28 @@
+#!/usr/bin/env python3
+import click
+import logging
+import importlib.metadata
+import sys
+
+# 禁用 Flask 的日志
+log = logging.getLogger('werkzeug')
+log.setLevel(logging.ERROR)
+
+from .commands import lansend
+
+def print_version(ctx, param, value):
+    if not value or ctx.resilient_parsing:
+        return
+    version = importlib.metadata.version("fcbyk")
+    click.echo(f"v{version}")
+    ctx.exit()
+
+@click.group(context_settings=dict(help_option_names=['-h', '--help']))
+@click.option('--version', '-v', is_flag=True, callback=print_version, expose_value=False, is_eager=True, help='Show version and exit.')
+def cli():
+    pass
+
+cli.add_command(lansend)
+
+if __name__ == "__main__":
+    cli()

fcbyk_cli-0.0.0a1/src/fcbyk/commands/__init__.py

@@ -0,0 +1,3 @@
+from .lansend import lansend
+
+__all__ = ['lansend'] 

fcbyk_cli-0.0.0a1/src/fcbyk/commands/lansend.py

@@ -0,0 +1,189 @@
+import click
+import os
+import webbrowser
+import pyperclip
+import socket
+from flask import Flask, send_from_directory, abort, render_template, request, jsonify
+import re
+
+app = Flask(__name__, template_folder=os.path.join(os.path.dirname(__file__), '..', 'web'))
+shared_directory = None
+display_name = "共享文件夹"  # 默认显示名称
+upload_password = None  # 上传密码
+
+def init_app(directory=None, name=None, password=None):
+    global shared_directory, display_name, upload_password
+    shared_directory = directory
+    if name:
+        display_name = name
+    if password:
+        upload_password = password
+
+def safe_filename(filename):
+    return re.sub(r'[^\w\s\u4e00-\u9fff\-\.]', '', filename)
+
+def get_path_parts(current_path):
+    parts = []
+    if current_path:
+        path_parts = current_path.split('/')
+        current = ''
+        for part in path_parts:
+            if part:  # 跳过空的部分
+                current = os.path.join(current, part)
+                parts.append({
+                    'name': part,
+                    'path': current
+                })
+    return parts
+
+@app.route('/')
+def index():
+    if not shared_directory:
+        return "未指定共享目录，请使用 -d 参数指定目录"
+    return serve_directory('')
+
+@app.route('/<path:filename>')
+def serve_file(filename):
+    if not shared_directory:
+        abort(404, description="未指定共享目录")
+    
+    file_path = os.path.join(shared_directory, filename)
+    if not os.path.exists(file_path):
+        abort(404, description="文件不存在")
+    
+    if os.path.isdir(file_path):
+        return serve_directory(filename)
+    
+    return send_from_directory(shared_directory, filename)
+
+@app.route('/upload', methods=['POST'])
+def upload_file():
+    if not shared_directory:
+        return jsonify({'error': '未指定共享目录'}), 400
+    
+    if upload_password:
+        if 'password' not in request.form:
+            return jsonify({'error': '需要上传密码'}), 401
+        if request.form['password'] != upload_password:
+            return jsonify({'error': '密码错误'}), 401
+    
+    if 'file' not in request.files:
+        return jsonify({'error': '没有文件'}), 400
+    
+    file = request.files['file']
+    if file.filename == '':
+        return jsonify({'error': '没有选择文件'}), 400
+    
+    if file:
+        filename = safe_filename(file.filename)
+        if not filename:
+            filename = '未命名文件'
+        
+        # 检查文件是否已存在
+        target_path = os.path.join(shared_directory, filename)
+        if os.path.exists(target_path):
+            # 生成新文件名
+            name, ext = os.path.splitext(filename)
+            counter = 1
+            while os.path.exists(target_path):
+                new_filename = f"{name}_{counter}{ext}"
+                target_path = os.path.join(shared_directory, new_filename)
+                counter += 1
+            filename = new_filename
+        
+        file.save(os.path.join(shared_directory, filename))
+        return jsonify({
+            'message': '文件上传成功',
+            'filename': filename,
+            'renamed': counter > 1 if 'counter' in locals() else False
+        })
+    
+    return jsonify({'error': '上传失败'}), 500
+
+def serve_directory(relative_path):
+    current_path = os.path.join(shared_directory, relative_path)
+    items = []
+    
+    for name in os.listdir(current_path):
+        full_path = os.path.join(current_path, name)
+        item_path = os.path.join(relative_path, name)
+        items.append({
+            'name': name,
+            'path': item_path,
+            'is_dir': os.path.isdir(full_path)
+        })
+    
+    items.sort(key=lambda x: (not x['is_dir'], x['name'].lower()))
+    share_name = os.path.basename(shared_directory)  # 使用实际的文件夹名称作为路径显示
+    
+    return render_template('lansend.html',
+                         current_path=relative_path or '根目录',
+                         path_parts=get_path_parts(relative_path),
+                         items=items,
+                         share_name=share_name,
+                         display_name=display_name,
+                         require_password=bool(upload_password))  # 传递显示名称到模板
+
+@click.command(help='Start a local web server for sharing files over LAN')
+@click.option(
+    "-p", "--port",
+    default=80,
+    help="Web server port (default: 80)"
+)
+@click.option(
+    "-d", "--directory",
+    required=True,
+    help="Directory to share (e.g., './files')"
+)
+@click.option(
+    "-n", "--name",
+    help="Display name for the page title (default: '共享文件夹')"
+)
+@click.option(
+    "--password",
+    help="Password for file upload (optional)"
+)
+@click.option(
+    "--no-browser",
+    is_flag=True,
+    help="Disable automatic browser opening"
+)
+def lansend(port, directory, name, password, no_browser):
+    global shared_directory, display_name, upload_password
+    
+    if not os.path.exists(directory):
+        click.echo(f"Error: Directory {directory} does not exist")
+        return
+    
+    if not os.path.isdir(directory):
+        click.echo(f"Error: {directory} is not a directory")
+        return
+    
+    shared_directory = os.path.abspath(directory)
+    if name:
+        display_name = name
+    if password:
+        upload_password = password
+    
+    hostname = socket.gethostname()
+    local_ip = socket.gethostbyname(hostname)
+    
+    click.echo(f"\n * File Sharing Server")
+    click.echo(f" * Directory: {shared_directory}")
+    click.echo(f" * Display Name: {display_name}")
+    if upload_password:
+        click.echo(f" * Upload Password: Enabled")
+    click.echo(f" * Local URL: http://localhost:{port}")
+    click.echo(f" * Local URL: http://127.0.0.1:{port}")
+    click.echo(f" * Network URL: http://{local_ip}:{port}")
+    
+    try:
+        pyperclip.copy(f"http://{local_ip}:{port}")
+        click.echo(" * URL has been copied to clipboard")
+    except:
+        click.echo(" * Warning: Could not copy URL to clipboard")
+    
+    if not no_browser:
+        webbrowser.open(f"http://{local_ip}:{port}")
+    
+    app.run(host='0.0.0.0', port=port) 

fcbyk_cli-0.0.0a1/src/fcbyk/tests/__init__.py

@@ -0,0 +1 @@
+# 测试包初始化文件 

fcbyk_cli-0.0.0a1/src/fcbyk/tests/test_cli.py

@@ -0,0 +1,15 @@
+import pytest
+from click.testing import CliRunner
+from ..cli import cli
+
+def test_version_command():
+    runner = CliRunner()
+    result = runner.invoke(cli, ['--version'])
+    assert result.exit_code == 0
+    assert 'v' in result.output
+
+def test_lansend_command_help():
+    runner = CliRunner()
+    result = runner.invoke(cli, ['lansend', '--help'])
+    assert result.exit_code == 0
+    assert 'Start a local web server for sharing files over LAN' in result.output 

fcbyk_cli-0.0.0a1/src/fcbyk/tests/test_lansend.py

@@ -0,0 +1,33 @@
+import os
+import tempfile
+import pytest
+from ..commands.lansend import app, safe_filename, init_app
+
+@pytest.fixture
+def temp_dir():
+    with tempfile.TemporaryDirectory() as temp_dir:
+        # 创建测试文件
+        with open(os.path.join(temp_dir, 'test.txt'), 'w') as f:
+            f.write('test content')
+        yield temp_dir
+
+@pytest.fixture
+def client(temp_dir):
+    init_app(directory=temp_dir)
+    app.config['TESTING'] = True
+    with app.test_client() as client:
+        yield client
+
+def test_safe_filename():
+    assert safe_filename('test.txt') == 'test.txt'
+    assert safe_filename('test*file.txt') == 'testfile.txt'
+
+def test_index_page(client):
+    response = client.get('/')
+    assert response.status_code == 200
+    assert b'test.txt' in response.data
+
+def test_file_download(client):
+    response = client.get('/test.txt')
+    assert response.status_code == 200
+    assert response.data == b'test content'

fcbyk_cli-0.0.0a1/src/fcbyk/tests/test_web.py

@@ -0,0 +1,35 @@
+import os
+import tempfile
+import pytest
+from bs4 import BeautifulSoup
+from ..commands.lansend import app, init_app
+
+@pytest.fixture
+def temp_dir():
+    with tempfile.TemporaryDirectory() as temp_dir:
+        # 创建测试文件
+        with open(os.path.join(temp_dir, 'test.txt'), 'w') as f:
+            f.write('test content')
+        yield temp_dir
+
+@pytest.fixture
+def client(temp_dir):
+    init_app(directory=temp_dir)
+    app.config['TESTING'] = True
+    with app.test_client() as client:
+        yield client
+
+def test_template_rendering(client):
+    response = client.get('/')
+    assert response.status_code == 200
+    
+    soup = BeautifulSoup(response.data, 'html.parser')
+    assert soup.title.text == 'LanSend'
+    
+    # 测试文件列表容器
+    file_container = soup.find('div', class_='file-container')
+    assert file_container is not None
+    
+    # 测试上传容器
+    upload_container = soup.find('div', class_='upload-container')
+    assert upload_container is not None

fcbyk_cli-0.0.0a1/src/fcbyk/web/lansend.html

@@ -0,0 +1,483 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='1em' font-size='80'>📤</text></svg>" type="image/svg+xml">
+    <title>LanSend</title>
+    <style>
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #f5f5f5;
+            color: #333;
+            padding: 20px 4%;
+            width: 100%;
+            max-width: 100vw;
+            overflow-x: hidden;
+            min-height: 100dvh;
+        }
+        .main-container {
+            display: flex;
+            flex-direction: row;
+            gap: 20px;
+            width: 100%;
+            max-width: 100%;
+            margin: auto;
+            height: 90dvh;
+            align-items: center;
+        }
+        .file-container {
+            flex: 1;
+            background-color: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            width: 100%;
+            max-width: 100%;
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+            overflow: hidden;
+        }
+        .upload-container {
+            flex: 1;
+            background-color: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            width: 100%;
+            max-width: 100%;
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+            overflow: hidden;
+        }
+        h1 {
+            color: #2c3e50;
+            margin-bottom: 20px;
+            font-size: 24px;
+            flex-shrink: 0;
+        }
+        .file-list {
+            list-style: none;
+            padding: 0;
+            width: 100%;
+            flex-grow: 1;
+            overflow-y: auto;
+            overflow-x: hidden;
+            margin-right: -10px;
+            padding-right: 10px;
+            height: calc(90dvh - 100px);
+        }
+        /* 自定义滚动条样式 */
+        .file-list::-webkit-scrollbar {
+            width: 8px;
+        }
+        .file-list::-webkit-scrollbar-track {
+            background: #f1f1f1;
+            border-radius: 4px;
+        }
+        .file-list::-webkit-scrollbar-thumb {
+            background: #c1c1c1;
+            border-radius: 4px;
+        }
+        .file-list::-webkit-scrollbar-thumb:hover {
+            background: #a8a8a8;
+        }
+        .file-item {
+            padding: 10px;
+            border-bottom: 1px solid #eee;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 100%;
+        }
+        .file-item:hover {
+            background-color: #f8f9fa;
+        }
+        .file-icon {
+            margin-right: 10px;
+            width: 24px;
+            text-align: center;
+            flex-shrink: 0;
+        }
+        .file-name {
+            display: flex;
+            align-items: center;
+            flex-grow: 1;
+            min-width: 0;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        .file-link {
+            color: #3498db;
+            text-decoration: none;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        .file-link:hover {
+            text-decoration: underline;
+        }
+        .folder-icon {
+            color: #f39c12;
+        }
+        .file-icon {
+            color: #3498db;
+        }
+        .download-btn {
+            background-color: #2ecc71;
+            color: white;
+            border: none;
+            padding: 5px 10px;
+            border-radius: 4px;
+            cursor: pointer;
+            text-decoration: none;
+            font-size: 12px;
+            flex-shrink: 0;
+            margin-left: 10px;
+        }
+        .download-btn:hover {
+            background-color: #27ae60;
+        }
+        .file-info {
+            display: flex;
+            align-items: center;
+            flex-grow: 1;
+            min-width: 0;
+            overflow: hidden;
+        }
+        .upload-area {
+            border: 2px dashed #3498db;
+            border-radius: 8px;
+            padding: 20px;
+            text-align: center;
+            margin-bottom: 20px;
+            cursor: pointer;
+            transition: all 0.3s;
+            height: calc(70dvh - 100px);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            flex-grow: 1;
+        }
+        .upload-area:hover {
+            background-color: #f8f9fa;
+        }
+        .upload-area.dragover {
+            background-color: #e8f4f8;
+            border-color: #2980b9;
+        }
+        .upload-progress {
+            margin-top: 10px;
+            display: none;
+            width: 100%;
+            flex-shrink: 0;
+        }
+        .progress-bar {
+            height: 20px;
+            background-color: #f0f0f0;
+            border-radius: 10px;
+            overflow: hidden;
+            width: 100%;
+        }
+        .progress {
+            height: 100%;
+            background-color: #2ecc71;
+            width: 0;
+            transition: width 0.3s;
+        }
+        .upload-status {
+            margin-top: 10px;
+            font-size: 14px;
+            color: #666;
+        }
+        .upload-hint {
+            color: #7f8c8d;
+            font-size: 16px;
+        }
+        .upload-icon {
+            font-size: 48px;
+            color: #3498db;
+            margin-bottom: 10px;
+        }
+        .password-input {
+            margin-top: 15px;
+            display: none;
+        }
+        .password-input input {
+            padding: 8px;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            width: 200px;
+            margin-right: 10px;
+        }
+        .password-input button {
+            padding: 8px 15px;
+            background-color: #3498db;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        .password-input button:hover {
+            background-color: #2980b9;
+        }
+        .password-error {
+            color: #e74c3c;
+            margin-top: 5px;
+            font-size: 14px;
+            display: none;
+        }
+
+        /* 响应式设计 */
+        @media (max-width: 768px) {
+            body {
+                padding: 0;
+                margin: 0;
+                min-height: 100dvh;
+                overflow: hidden;
+            }
+            .main-container {
+                flex-direction: column-reverse;
+                gap: 10px;
+                height: 100dvh;
+                max-width: 100%;
+                align-items: stretch;
+                margin: 0;
+                padding: 10px;
+            }
+            .file-container, .upload-container {
+                padding: 20px;
+                height: calc(45dvh - 10px);
+                min-height: 180px;
+            }
+            .file-list {
+                height: calc(45dvh - 70px);
+            }
+            .upload-area {
+                height: calc(45dvh - 70px);
+            }
+            h1 {
+                font-size: 18px;
+                margin-bottom: 10px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="main-container">
+        <div class="file-container">
+            <h1>{{ display_name }}</h1>
+            <div class="current-path" style="margin-bottom: 15px; color: #666; font-size: 14px;">
+                <span class="path-separator">/</span>
+                {% if path_parts %}
+                    <a href="/" class="path-link" style="color: #3498db; text-decoration: none;">{{ share_name }}</a>
+                    <span class="path-separator" style="margin: 0 5px;">/</span>
+                    {% for part in path_parts %}
+                        <a href="/{{ part.path }}" class="path-link" style="color: #3498db; text-decoration: none;">{{ part.name }}</a>
+                        <span class="path-separator" style="margin: 0 5px;">/</span>
+                    {% endfor %}
+                {% else %}
+                    <a href="/" class="path-link" style="color: #3498db; text-decoration: none;">{{ share_name }}</a>
+                    <span class="path-separator" style="margin: 0 5px;">/</span>
+                {% endif %}
+            </div>
+            
+            <ul class="file-list">
+                {% for item in items %}
+                <li class="file-item">
+                    <div class="file-info">
+                        <span class="file-icon">
+                            {% if item.is_dir %}
+                                <span class="folder-icon">📁</span>
+                            {% else %}
+                                <span class="file-icon">📄</span>
+                            {% endif %}
+                        </span>
+                        <span class="file-name">
+                            <a href="/{{ item.path }}" class="file-link">{{ item.name }}</a>
+                        </span>
+                    </div>
+                    {% if not item.is_dir %}
+                        <a href="/{{ item.path }}" class="download-btn" download>下载</a>
+                    {% endif %}
+                </li>
+                {% endfor %}
+            </ul>
+        </div>
+
+        <div class="upload-container">
+            <h1>文件上传</h1>
+            <div class="upload-area" id="uploadArea">
+                <div>
+                    <div class="upload-icon">📤</div>
+                    <p class="upload-hint">拖拽文件到此处或点击选择文件</p>
+                </div>
+                <input type="file" id="fileInput" multiple style="display: none;">
+            </div>
+            <div class="password-input" id="passwordInput">
+                <input type="password" id="password" placeholder="请输入上传密码">
+                <button onclick="verifyPassword()">验证</button>
+                <div class="password-error" id="passwordError">密码错误，请重试</div>
+            </div>
+            <div class="upload-progress" id="uploadProgress">
+                <div class="progress-bar">
+                    <div class="progress" id="progressBar"></div>
+                </div>
+                <div class="upload-status" id="uploadStatus"></div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        const uploadArea = document.getElementById('uploadArea');
+        const fileInput = document.getElementById('fileInput');
+        const uploadProgress = document.getElementById('uploadProgress');
+        const progressBar = document.getElementById('progressBar');
+        const uploadStatus = document.getElementById('uploadStatus');
+        const passwordInput = document.getElementById('passwordInput');
+        const passwordField = document.getElementById('password');
+        const passwordError = document.getElementById('passwordError');
+        let isPasswordVerified = false;
+
+        // 如果设置了密码，显示密码输入框
+        if ({{ require_password|tojson }}) {
+            passwordInput.style.display = 'block';
+            uploadArea.style.pointerEvents = 'none';
+            uploadArea.style.opacity = '0.5';
+        }
+
+        function verifyPassword() {
+            const password = passwordField.value;
+            if (!password) {
+                passwordError.textContent = '请输入密码';
+                passwordError.style.display = 'block';
+                return;
+            }
+
+            // 发送密码验证请求
+            fetch('/upload', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded',
+                },
+                body: `password=${encodeURIComponent(password)}`
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.error === '密码错误') {
+                    passwordError.textContent = '密码错误，请重试';
+                    passwordError.style.display = 'block';
+                } else {
+                    isPasswordVerified = true;
+                    passwordInput.style.display = 'none';
+                    uploadArea.style.pointerEvents = 'auto';
+                    uploadArea.style.opacity = '1';
+                }
+            })
+            .catch(error => {
+                console.error('验证错误:', error);
+                passwordError.textContent = '验证失败，请重试';
+                passwordError.style.display = 'block';
+            });
+        }
+
+        // 拖拽事件处理
+        uploadArea.addEventListener('dragover', (e) => {
+            if (!isPasswordVerified && {{ require_password|tojson }}) return;
+            e.preventDefault();
+            uploadArea.classList.add('dragover');
+        });
+
+        uploadArea.addEventListener('dragleave', () => {
+            if (!isPasswordVerified && {{ require_password|tojson }}) return;
+            uploadArea.classList.remove('dragover');
+        });
+
+        uploadArea.addEventListener('drop', (e) => {
+            if (!isPasswordVerified && {{ require_password|tojson }}) return;
+            e.preventDefault();
+            uploadArea.classList.remove('dragover');
+            handleFiles(e.dataTransfer.files);
+        });
+
+        // 点击上传区域
+        uploadArea.addEventListener('click', () => {
+            if (!isPasswordVerified && {{ require_password|tojson }}) return;
+            fileInput.click();
+        });
+
+        fileInput.addEventListener('change', (e) => {
+            if (!isPasswordVerified && {{ require_password|tojson }}) return;
+            handleFiles(e.target.files);
+        });
+
+        // 处理文件上传
+        function handleFiles(files) {
+            if (files.length === 0) return;
+
+            uploadProgress.style.display = 'block';
+            let uploaded = 0;
+            let renamedFiles = [];
+
+            Array.from(files).forEach((file, index) => {
+                const formData = new FormData();
+                formData.append('file', file);
+                if ({{ require_password|tojson }}) {
+                    formData.append('password', passwordField.value);
+                }
+
+                fetch('/upload', {
+                    method: 'POST',
+                    body: formData
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.error) {
+                        if (data.error === '需要上传密码') {
+                            passwordInput.style.display = 'block';
+                            uploadArea.style.pointerEvents = 'none';
+                            uploadArea.style.opacity = '0.5';
+                            isPasswordVerified = false;
+                        }
+                        uploadStatus.textContent = data.error;
+                        return;
+                    }
+
+                    uploaded++;
+                    const progress = (uploaded / files.length) * 100;
+                    progressBar.style.width = `${progress}%`;
+                    
+                    if (data.renamed) {
+                        renamedFiles.push(data.filename);
+                    }
+                    
+                    if (renamedFiles.length > 0) {
+                        uploadStatus.textContent = `已上传 ${uploaded}/${files.length} 个文件，${renamedFiles.length} 个文件因重名已自动重命名`;
+                    } else {
+                        uploadStatus.textContent = `已上传 ${uploaded}/${files.length} 个文件`;
+                    }
+
+                    if (uploaded === files.length) {
+                        setTimeout(() => {
+                            location.reload();
+                        }, 1000);
+                    }
+                })
+                .catch(error => {
+                    console.error('上传错误:', error);
+                    uploadStatus.textContent = '上传失败，请重试';
+                });
+            });
+        }
+    </script>
+</body>
+</html>