Flask Web应用：如何通过文件路径文本输入处理本地文件

首先要明确核心限制：Flask后端运行在服务器进程中，无法直接访问客户端浏览器所在机器的本地文件系统——你之前遇到的类型转换错误，本质是把用户输入的路径字符串当成了上传的FileStorage对象处理，这两种数据完全不是一个类型。

下面分两种场景给出具体实现方案：

场景1：仅本地自用（Flask与浏览器在同一台电脑） #

如果工具只是你自己使用，服务器和客户端在同一设备，可直接通过路径字符串打开文件，不需要转换为文件类型。

前端表单（templates/index.html） #

<form method="POST">
  <label>输入本地文件路径：</label>
  <input type="text" name="file_path" placeholder="例如：C:\Users\you\Desktop\test.txt">
  <button type="submit">执行操作</button>
</form>

Flask后端代码 #

from flask import Flask, request, render_template
import os

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def handle_file():
    if request.method == 'POST':
        raw_path = request.form.get('file_path')
        # 处理Windows路径转义问题，统一标准化路径格式
        file_path = os.path.normpath(raw_path.replace('/', '\\'))
        
        try:
            # 直接用路径打开文件，无需转换为FileStorage
            with open(file_path, 'r', encoding='utf-8') as f:
                content = f.read()
                # 这里替换成你的文件操作逻辑（比如解析、修改等）
                return f"<h3>文件内容预览：</h3><pre>{content}</pre>"
        except FileNotFoundError:
            return "错误：指定路径的文件不存在"
        except PermissionError:
            return "错误：没有权限访问该文件"
        except Exception as e:
            return f"操作失败：{str(e)}"
    return render_template('index.html')

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

⚠️ 注意：这种方式仅适合本地自用，绝对不能部署到公网——存在严重的路径遍历漏洞，恶意用户可通过输入../../../../敏感文件路径读取服务器或本地系统的私密数据。

场景2：部署到远程服务器（多用户使用） #

如果工具要给其他人用，服务器无法访问用户本地文件，必须通过浏览器的File API读取用户本地文件内容，再传给后端处理。

前端代码（templates/index.html） #

<input type="file" id="fileSelector">
<button onclick="processLocalFile()">提交文件</button>
<div id="result"></div>

<script>
function processLocalFile() {
    const file = document.getElementById('fileSelector').files[0];
    if (!file) {
        document.getElementById('result').textContent = "请先选择文件";
        return;
    }

    // 用FileReader读取本地文件内容
    const reader = new FileReader();
    reader.onload = function(e) {
        // 将文件内容发送给后端
        fetch('/process-file', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({
                filename: file.name,
                content: e.target.result
            })
        })
        .then(res => res.text())
        .then(msg => {
            document.getElementById('result').textContent = msg;
        })
        .catch(err => {
            document.getElementById('result').textContent = "处理失败：" + err;
        });
    };
    reader.readAsText(file); // 读取文本文件，其他类型可换用readAsArrayBuffer
}
</script>

Flask后端代码 #

from flask import Flask, request, render_template, jsonify

app = Flask(__name__)

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

@app.route('/process-file', methods=['POST'])
def process_file():
    data = request.get_json()
    filename = data.get('filename')
    file_content = data.get('content')

    # 这里替换成你的文件操作逻辑（比如保存、解析、转换等）
    with open(f'processed_{filename}', 'w', encoding='utf-8') as f:
        f.write(file_content)
    
    return f"文件 {filename} 已成功处理并保存到服务器"

if __name__ == '__main__':
    app.run(host='0.0.0.0', debug=True)

这种方式完全符合浏览器安全策略，不存在路径泄露或越权访问的风险，是面向多用户场景的标准实现。

内容的提问来源于stack exchange，提问作者Khizar Sayed