文件浏览器 - {{ current_path

# app.py from flask import Flask, render_template_string, send_from_directory, request import os import re from werkzeug.utils import secure_filename # --- 配置 --- # 请在这里修改为你存放图片的文件夹路径 ROOT_IMAGE_FOLDER = r'\\192.168.31.92\ubuntuShare2T\学习资料' # 使用原始字符串以避免转义问题 PORT = 80 # 你可以修改这个端口号，如果5000被占用了 # --- 配置结束 --- app = Flask(__name__) def atoi(text): """辅助函数：将文本中的数字部分转换为整数，用于排序""" return int(text) if text.isdigit() else text def natural_keys(text): """ 辅助函数：生成用于自然排序的键。例如: '1002' -> ['1002'] (其中 '1002' 被转换为整数) 'img_10' -> ['img_', 10] 这样可以确保 '1001.jpg' 排在 '1002.png' 之前。 """ return [atoi(c) for c in re.split(r'(\d+)', text)] def find_media_in_folder(folder_path): """在指定文件夹中查找所有图片和视频文件""" allowed_image_exts = {'.jpg', '.jpeg', '.png', '.gif', '.bmp', '.tiff', '.webp'} allowed_video_exts = {'.mp4', '.avi', '.mov', '.wmv', '.flv', '.webm', '.m4v', '.mkv', '.mpg', '.mpeg', '.3gp', '.3g2'} try: files = os.listdir(folder_path) except PermissionError: print(f"权限不足，无法访问: {folder_path}") return [], [] image_files = [f for f in files if os.path.isfile(os.path.join(folder_path, f)) and os.path.splitext(f)[ 1].lower() in allowed_image_exts] video_files = [f for f in files if os.path.isfile(os.path.join(folder_path, f)) and os.path.splitext(f)[ 1].lower() in allowed_video_exts] return sorted(image_files, key=natural_keys), sorted(video_files, key=natural_keys) def get_subfolders(folder_path): """获取指定文件夹下的所有子文件夹""" try: items = os.listdir(folder_path) except PermissionError: print(f"权限不足，无法访问: {folder_path}") return [] subfolders = [item for item in items if os.path.isdir(os.path.join(folder_path, item))] return sorted(subfolders, key=natural_keys) @app.route('/') def index(): # 默认访问根目录，subpath为空字符串 return list_folder_content('') @app.route('/browse/') @app.route('/browse/') def list_folder_content(subpath=''): """ 递归浏览文件夹内容的主函数 subpath: URL中传递的子路径 """ # 从查询参数获取显示模式，默认为 'list' mode = request.args.get('mode', 'list') if mode not in ['list', 'grid', 'manga']: mode = 'list' # 构建当前要浏览的物理路径 # 注意：这里使用全局变量 ROOT_IMAGE_FOLDER current_path = os.path.normpath(os.path.join(ROOT_IMAGE_FOLDER, subpath)) # 检测是否为漫画路径 is_manga_path = '漫画' in subpath # 安全检查，防止路径穿越 if not current_path.startswith(os.path.normpath(ROOT_IMAGE_FOLDER)): return "Access Denied", 403 # 查找当前文件夹下的媒体文件和子文件夹 image_files, video_files = find_media_in_folder(current_path) subfolders = get_subfolders(current_path) # 构建面包屑导航 path_parts = [p for p in subpath.split('/') if p] breadcrumbs = [{'name': 'Home', 'url': '/'}] cumulative_path = '' for part in path_parts: cumulative_path += part + '/' breadcrumbs.append({'name': part, 'url': f'/browse/{cumulative_path.rstrip("/")}'}) html_template = ''' 文件浏览器 - {{ current_path_name }}

🏠 {% for crumb in breadcrumbs %} {% if not loop.first %} › {% if loop.last %} {{ crumb.name }} {% else %} {{ crumb.name }} {% endif %} {% endif %} {% endfor %}

{% if subfolders %}

📁 文件夹 ({{ subfolders|length }})

{% if mode == 'grid' %}

{% for folder in subfolders %}

📁

{% endfor %}

{% else %}

{% for folder in subfolders %}

📁

文件夹

{% endfor %}

{% endif %}

{% endif %} {% if images %}

📷 图片 ({{ images|length }})

{% if mode == 'manga' %}

{% for image in images %}

{% endfor %}

{% elif mode == 'grid' %}

{% for image in images %}

{% endfor %}

{% else %}

{% for image in images %}

图片文件

{% endfor %}

{% endif %}

{% endif %} {% if videos %}

🎬 视频 ({{ videos|length }})

{% if mode == 'grid' %}

{% for video in videos %}

🎬

{% endfor %}

{% else %}

{% for video in videos %}

🎬

视频文件

{% endfor %}

{% endif %}

''' # 获取当前路径的名称用于显示 current_path_name = os.path.basename(current_path) if current_path != ROOT_IMAGE_FOLDER else 'Root Directory' return render_template_string( html_template, images=image_files, videos=video_files, subfolders=subfolders, current_path_name=current_path_name, current_subpath=subpath + '/' if subpath else '', # 传递给模板，用于构建文件路径 breadcrumbs=breadcrumbs, mode=mode, # 将模式传递给模板 is_manga_path=is_manga_path ) # 新增：用于在新页面播放视频的路由 @app.route('/play_video/') def play_video(full_path): """ 在新页面播放单个视频 full_path: 视频文件的完整路径（包含子文件夹） """ # 安全检查 full_file_path = os.path.normpath(os.path.join(ROOT_IMAGE_FOLDER, full_path)) if not full_file_path.startswith(os.path.normpath(ROOT_IMAGE_FOLDER)): return "Access Denied", 403 # 获取视频文件名 video_filename = os.path.basename(full_path) # 将 video_url 的生成移到模板内部 video_player_template = ''' 正在播放: {{ video_filename }}

''' # 注意：传递给 render_template_string 的变量，可以在模板内部直接使用 return render_template_string( video_player_template, video_filename=video_filename, full_path=full_path # 将 full_path 也传递给模板，以便在模板内使用 url_for ) # 统一的媒体文件服务路由，处理图片和视频 @app.route('/media_file/') def serve_media(full_path): """ 提供媒体文件（图片/视频）服务 full_path: 包含子文件夹路径和文件名 """ # 从完整路径中分离出文件夹和文件名 folder_path = os.path.dirname(full_path) filename = os.path.basename(full_path) # 构建完整的物理路径 base_dir = os.path.join(ROOT_IMAGE_FOLDER, folder_path) # 安全检查 full_file_path = os.path.normpath(os.path.join(base_dir, filename)) if not full_file_path.startswith(os.path.normpath(ROOT_IMAGE_FOLDER)): return "Access Denied", 403 return send_from_directory(base_dir, filename) if __name__ == '__main__': # 确保根图片文件夹存在 if not os.path.exists(ROOT_IMAGE_FOLDER): print(f"错误：找不到根图片文件夹 '{ROOT_IMAGE_FOLDER}'") exit(1) print(f"Web服务即将启动，请访问 http://127.0.0.1:{PORT}") print(f"根目录路径: {os.path.abspath(ROOT_IMAGE_FOLDER)}") app.run(debug=True, host='0.0.0.0', port=PORT)