2023.11.23使用flask实现在指定路径生成文件夹操作

2023.11.23使用flask实现在指定路径生成文件夹操作

程序比较简单,实现功能:

1、前端输入文件夹

2、后端在指定路径生成文件夹

3、前端反馈文件夹生成状态

main.py

复制代码
from flask import Flask, request, render_template
import os

app = Flask(__name__)


@app.route('/')
def index():
    return render_template('index.html')


@app.route('/create_folder', methods=['POST'])
def create_folder():
    folder_name = request.form['folderName']  # 从前端获取文件夹名称
    base_path = 'static/'  # 指定路径

    folder_path = os.path.join(base_path, folder_name)

    try:
        os.makedirs(folder_path, exist_ok=True)  # 创建文件夹
        message = f'Folder "{folder_name}" created successfully at path: {folder_path}'
    except Exception as e:
        message = f'Error creating folder: {str(e)}'

    return render_template('index.html', message=message)


if __name__ == '__main__':
    app.run()

index.html

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Create Folder</title>
</head>
<body>
    <form action="/create_folder" method="post">
        <input type="text" name="folderName" placeholder="Enter folder name">
        <button type="submit">Create Folder</button>
    </form>

    <div id="message">
        {% if message %}
            <p>{{ message }}</p>
        {% endif %}
    </div>
</body>
</html>
相关推荐
JSLove几秒前
nginx入门
前端·nginx
时光足迹1 分钟前
ThreeJS之GUI控制器
前端·javascript·three.js
时光足迹2 分钟前
Tiptap编辑器
前端·javascript·react.js
周末也要写八哥4 分钟前
代码中的注释的重要性(二)
开发语言·python
时光足迹6 分钟前
电子书阅读器之笔记高亮(跨段处理)
前端·javascript·react.js
Dabei9 分钟前
Android 副屏(Virtual Display)创建与悬浮窗画中画显示实战
前端·架构
派星11 分钟前
Jetson Orin Nano连接CSI摄像头并实现Gstreamer推流
人工智能·后端
XingshiXu18 分钟前
【NWAFU×KUL】不打扰,也能看懂一头牛:非接触式技术正在改变精准畜牧
人工智能·python·深度学习·目标检测·机器学习·计算机视觉·目标跟踪
kybs199118 分钟前
springboot租车系统--附源码68701
java·hadoop·spring boot·python·django·asp.net·php
Hello-Mr.Wang28 分钟前
【保姆级教程】MasterGo MCP + Cursor 一键实现 UI 设计稿还原
前端·javascript·vue.js·ai编程