动感网页相册 python编写简单文件夹内图片浏览工具

动感网页相册是一种通过网页形式展示图片的工具，基于Python编写，可以实现在简单文件夹内浏览图片的目的。下面是制作动感网页相册的完整攻略。

准备工作

1. 安装Python 3.x版本的开发环境。
2. 安装Flask框架和Pillow库。

开始制作

1. 创建一个Flask应用程序，并将其命名为“photo_album”。

from flask import Flask

app = Flask(__name__)

1. 在Flask应用程序目录下新建“static”文件夹和“templates”文件夹。分别用于存放静态文件和HTML页面文件。

2. 在“static”文件夹下新建一个名为“photos”的文件夹，用于存放网页相册的所有图片。

3. 在“photo_album”应用程序中，定义一个路由函数“index”，用于渲染首页“index.html”页面。

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

1. 在“templates”文件夹下新建一个名为“index.html”的HTML模板文件。

2. 在“index.html”文件中，增加显示所有图片的功能。使用Python的os模块读取“photos”目录下的所有图片，并输出至HTML文件中。

{% for image in images %}
    <img src="{{ image }}" alt="{{ image }}">
{% endfor %}

import os

@app.route('/')
def index():
    directory = 'static/photos'
    images = []
    for filename in os.listdir(directory):
        if filename.endswith('.jpg'):
            images.append(filename)
    return render_template('index.html', images=images)

其中，在路由函数中，使用render_template将图片路径列表传递至HTML模板文件中。在HTML模板文件中使用for循环遍历所有图片，并将其显示出来。

1. 如果需要对图片进行处理，可以使用Pillow库进行。

例如，对图片进行缩放，可以使用以下代码。

from PIL import Image

@app.route('/')
def index():
    directory = 'static/photos'
    images = []
    for filename in os.listdir(directory):
        if filename.endswith('.jpg'):
            image_path = os.path.join(directory, filename)
            with Image.open(image_path) as im:
                im.thumbnail((100, 100))
                im.save(image_path)
            images.append(image_path)
    return render_template('index.html', images=images)

示例说明

1. 示例一

有一个存放在“/home/user/pictures”目录下的图片集合，需要将其制作成一个网页相册。按照上述攻略步骤进行制作，代码如下。

from flask import Flask, render_template
import os

app = Flask(__name__)

@app.route('/')
def index():
    directory = '/home/user/pictures'
    images = []
    for filename in os.listdir(directory):
        if filename.endswith('.jpg'):
            image_path = os.path.join(directory, filename)
            images.append(image_path)
    return render_template('index.html', images=images)

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

1. 示例二

需要对图片进行缩放，并制作成相册。按照上述攻略步骤进行制作，代码如下。

from flask import Flask, render_template
import os
from PIL import Image

app = Flask(__name__)

@app.route('/')
def index():
    directory = '/home/user/pictures'
    images = []
    for filename in os.listdir(directory):
        if filename.endswith('.jpg'):
            image_path = os.path.join(directory, filename)
            with Image.open(image_path) as im:
                im.thumbnail((100, 100))
                im.save(image_path)
            images.append(image_path)
    return render_template('index.html', images=images)

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

经过缩放处理后，图片大小被压缩为100x100，使得网页相册加载速度更快。