使用Flask创建简单的图片上传站点

2024-06-18 1140阅读

👽发现宝藏

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。

使用Flask创建简单的图片上传站点

在网络应用程序中,实现图片上传功能是一项常见的需求。Flask框架提供了简单而灵活的工具,使得构建这样的功能变得相对简单。本文将介绍如何使用Flask框架创建一个简单的图片上传站点,以及其中涉及的关键技术和步骤。

Flask是一个轻量级的Python Web框架,它具有简单易用的特点,适用于快速开发Web应用程序。其中一个常见的用例是创建一个图片上传站点,让用户能够上传图片并在网页上显示。本文将演示如何使用Flask框架实现这样一个简单的图片上传站点。

  1. 安装 Flask:首先确保你已经安装了 Python,然后可以使用 pip 工具安装 Flask。你可以在命令行中运行 pip install Flask 来安装 Flask。

  2. 创建 Flask 应用:在一个 Python 脚本中创建一个 Flask 应用。你可以导入 Flask 类,并使用它来创建一个应用实例。

  3. 设置上传文件夹:在应用中设置一个文件夹,用于存储上传的图片。你可以通过配置应用的 UPLOAD_FOLDER 变量来指定上传文件的保存路径。

  4. 允许的文件类型:定义一个函数来检查上传的文件类型是否在允许的范围内。这样可以增加安全性,防止用户上传恶意文件。

  5. 创建上传页面:创建一个简单的 HTML 页面,用于上传图片。你可以使用表单来实现上传功能,并将表单的 enctype 属性设置为 multipart/form-data,以支持文件上传。

  6. 处理文件上传:在 Flask 应用中设置一个路由来处理文件上传。当用户提交表单时,Flask 应用会接收上传的文件,并将其保存到指定的文件夹中。

  7. 显示上传结果:创建另一个路由来显示上传结果。你可以在上传成功后,向用户返回一个页面或消息,告诉他们图片已经成功上传。

这就是创建一个简单的图片上传站点的基本步骤。

步骤一:安装Flask

首先,确保你已经安装了Flask框架。你可以使用pip命令来安装:

pip install Flask

步骤二:创建Flask应用程序

接下来,我们将创建一个Python文件来定义我们的Flask应用程序。我们称之为app.py。在这个文件中,我们将定义路由、处理图片上传和展示上传的图片。

from flask import Flask, render_template, request, redirect, url_for, flash
from werkzeug.utils import secure_filename
import os
UPLOAD_FOLDER = 'uploads'
ALLOWED_EXTENSIONS = https://blog.csdn.net/weixin_52908342/article/details/{'png', 'jpg', 'jpeg', 'gif'}
app = Flask(__name__)
app.secret_key = "secret key"
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
def allowed_file(filename):
    return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
@app.route('/')
def index():
    return render_template('index.html')
@app.route('/', methods=['POST'])
def upload_file():
    if 'file' not in request.files:
        flash('No file part')
        return redirect(request.url)
    file = request.files['file']
    if file.filename == '':
        flash('No image selected for uploading')
        return redirect(request.url)
    if file and allowed_file(file.filename):
        filename = secure_filename(file.filename)
        file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
        flash('Image successfully uploaded and displayed below')
        return render_template('index.html', filename=filename)
    else:
        flash('Allowed image types are - png, jpg, jpeg, gif')
        return redirect(request.url)
if __name__ == "__main__":
    app.run(debug=True)

步骤三:创建HTML模板

Flask使用Jinja2模板引擎来渲染动态内容。我们将创建一个HTML模板,名为index.html,用于显示图片上传表单和上传后的图片。



    
    
    Simple Image Upload


    {% with messages = get_flashed_messages() %}
        {% if messages %}
            
    {% for message in messages %}
  • https://blog.csdn.net/weixin_52908342/article/details/{{ message }}
  • {% endfor %}
{% endif %} {% endwith %}

Upload an Image

{% if filename %}

Uploaded Image:

VPS购买请点击我

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

目录[+]