Flask开发Web应用：如何从本地文件系统动态展示图片

嘿，这个问题我之前帮不少开发者搞定过——浏览器的安全策略确实会阻止直接访问本地文件路径，不过用Flask有两种很靠谱的办法，帮你轻松绕过这个限制：

方法一：利用Flask默认的静态文件支持（最简单） #

这是Flask官方推荐的方式，适合不需要额外逻辑的静态图片展示：

• 第一步：在你的Flask项目根目录下创建一个static文件夹（Flask默认会自动识别这个目录作为静态资源目录），可以在里面再建个images子文件夹，把你的图片放进去。
• 第二步：在HTML模板里用url_for函数生成正确的HTTP URL，而不是直接写本地路径：

  <img src="{{ url_for('static', filename='images/myImageName.png') }}">
  

  Flask会自动把这个转换成类似http://你的域名/static/images/myImageName.png的可访问路径，浏览器就能正常加载了。
• 可选：如果不想用默认的static目录，初始化app时可以自定义静态资源文件夹（建议用绝对路径）：

  from flask import Flask
  # 替换成你实际的本地图片文件夹路径
  app = Flask(__name__, static_folder='/home/user/my_local_images')
  

  之后模板里还是用url_for('static', filename='myImageName.png')即可。

方法二：自定义路由返回图片（适合动态场景） #

如果需要对图片访问做额外处理（比如权限验证、动态生成图片），可以自己写一个路由来读取本地图片并返回：

• 第一步：编写路由函数，用send_from_directory安全地返回本地文件：

  from flask import Flask, send_from_directory
  import os
  
  app = Flask(__name__)
  # 替换成你的本地图片文件夹绝对路径
  LOCAL_IMAGE_FOLDER = '/path/to/your/local/images'
  
  @app.route('/show-image/<filename>')
  def show_image(filename):
      # 这里可以添加权限验证逻辑，比如检查用户是否有权限访问该图片
      # 确保文件名安全，避免路径遍历攻击
      return send_from_directory(LOCAL_IMAGE_FOLDER, filename)
  

• 第二步：在模板里调用这个路由生成URL：

  <img src="{{ url_for('show_image', filename='myImageName.png') }}">
  

  这样会生成http://你的域名/show-image/myImageName.png的路径，Flask会从指定的本地文件夹读取图片并返回给浏览器。

注意事项 #

• 确保Flask进程有读取本地图片文件夹的权限，否则会返回500错误。
• 绝对不要在模板里直接写本地文件路径（比如<img src="C:\images\pic.png">），浏览器会把它当成本地文件，直接被安全策略拦截。
• Windows系统下，路径分隔符要用双反斜杠\\或者原始字符串r'C:\path\to\images'，避免转义问题。

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