如何通过Flask-Uploads将图片上传至Shop目录下的static文件夹？

核心思路 #

问题出在上传路径的配置逻辑上，需要通过基于文件位置的绝对路径精准定位Shop目录下的static文件夹，避免相对路径导致的根目录static误存问题。

步骤1：明确项目目录结构 #

假设你的项目结构如下（常见Flask子应用结构）：

项目根/
├─ Shop/
│  ├─ __init__.py  # Flask应用初始化文件
│  ├─ static/       # 目标存储目录
│  └─ templates/
└─ static/          # 当前误存的根目录static

步骤2：修改__init__.py的路径配置 #

如果Flask应用在Shop目录下的__init__.py中初始化，用os模块构建正确路径：

import os
from flask import Flask

app = Flask(__name__)

# 获取当前文件所在目录（即Shop目录的绝对路径）
shop_root = os.path.dirname(__file__)
# 拼接目标static文件夹路径
app.config['UPLOAD_FOLDER'] = os.path.join(shop_root, 'static')

# 自动创建目录（防止文件夹不存在导致上传失败）
os.makedirs(app.config['UPLOAD_FOLDER'], exist_ok=True)

如果Flask应用在项目根目录的__init__.py中初始化，路径配置调整为：

import os
from flask import Flask

app = Flask(__name__)

# 获取项目根目录的绝对路径
project_root = os.path.dirname(os.path.abspath(__file__))
# 拼接Shop/static路径
app.config['UPLOAD_FOLDER'] = os.path.join(project_root, 'Shop', 'static')

os.makedirs(app.config['UPLOAD_FOLDER'], exist_ok=True)

步骤3：确保上传逻辑使用配置路径 #

处理上传的视图函数中，必须调用配置好的UPLOAD_FOLDER保存文件：

from flask import request
from werkzeug.utils import secure_filename
from Shop import app  # 或从项目根目录导入app

@app.route('/upload', methods=['POST'])
def upload_image():
    if 'image' not in request.files:
        return "未选择文件"
    file = request.files['image']
    if file.filename == '':
        return "文件名不能为空"
    if file:
        # 安全处理文件名
        filename = secure_filename(file.filename)
        # 保存到目标路径
        file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
        return "上传成功"

步骤4：Jinja模板正确引用图片 #

• 若应用在Shop目录下初始化，直接用url_for('static')即可指向Shop下的static：

<img src="{{ url_for('static', filename='你的图片名.jpg') }}" alt="上传图片">

• 若应用在根目录初始化，需在app初始化时指定static目录：

# 根目录__init__.py中
app = Flask(__name__, static_folder='Shop/static')

此时模板中的url_for('static')会自动指向Shop下的static文件夹，图片即可正常显示。

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