Créez un téléchargeur d'image simple

Depuis que j'ai créé un client de publication Twitter la dernière fois, je vais omettre d'installer Flask. 　http://qiita.com/Gen6/items/ff1d163acf0fa7687454

Créer un modèle

`index.html`


{% extends "base.html" %}
{% block content %}
<form method="post" action="/send" enctype="multipart/form-data">
  <input type="file" id="img_file" name="img_file" class="col-sm-4">
  <input type="submit" value="Envoyer" class="btn">
</form>
  {% if img_url %}
<p><img src="{{ img_url }}"></p>
  {% endif %}
{% endblock %}

enctype = "multipart / form-data" est important.

`base.html`


<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/css/style.css">
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <title>File</title>
</head>
<body>
  <div class="container">
    <div class="row">
        {% block content %}
        {% endblock %}
    </div>
  </div>
</body>
</html>

Créer une application

Après cela, je ferai un téléchargement de fichier. J'importe juste SQlite3 car je pourrais l'utiliser à l'avenir.

`upload.py`


import os
import sqlite3
from flask import Flask, render_template, request, redirect, url_for, send_from_directory, session
from werkzeug import secure_filename
app = Flask(__name__)

UPLOAD_FOLDER = './uploads'
ALLOWED_EXTENSIONS = set(['png', 'jpg', 'gif'])
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
app.config['SECRET_KEY'] = os.urandom(24)

def allowed_file(filename):
    return '.' in filename and \
        filename.rsplit('.', 1)[1] in ALLOWED_EXTENSIONS

@app.route('/')
def index():
    if 'username' in session:
        return render_template('index.html')
    return '''
        <p>Veuillez vous connecter</p>
    '''

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        username = request.form['username']
        if username == 'admin':
            session['username'] = request.form['username']
            return redirect(url_for('index'))
        else:
            return '''<p>Le nom d'utilisateur est différent</p>'''
    return '''
        <form action="" method="post">
            <p><input type="text" name="username">
            <p><input type="submit" value="Login">
        </form>
    '''

@app.route('/logout')
def logout():
    session.pop('username', None)
    return redirect(url_for('index'))

@app.route('/send', methods=['GET', 'POST'])
def send():
    if request.method == 'POST':
        img_file = request.files['img_file']
        if img_file and allowed_file(img_file.filename):
            filename = secure_filename(img_file.filename)
            img_file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
            img_url = '/uploads/' + filename
            return render_template('index.html', img_url=img_url)
        else:
            return ''' <p>Extension non autorisée</p> '''
    else:
        return redirect(url_for('index'))

@app.route('/uploads/<filename>')
def uploaded_file(filename):
    return send_from_directory(app.config['UPLOAD_FOLDER'], filename)

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

Comme la dernière fois, j'ai essayé d'en faire une spécification qui ne peut pas être téléchargée sans connexion. Les fichiers qui peuvent être téléchargés

ALLOWED_EXTENSIONS = set(['png', 'jpg', 'gif'])

Comme ça, vous pouvez autoriser .txt et ainsi de suite, et par conséquent, il est facile de personnaliser pour les téléchargeurs autres que les images. C'est inutile sans clé secrète, donc

app.config['SECRET_KEY'] = os.urandom(24)

Je le génère.

Cette fois, je veux voir uniquement le résultat du téléchargement d'image immédiatement.

img_url = '/uploads/' + filename

Je ne sais pas parce que c'est écrit de manière bâclée.

Résultat d'exécution

terminé.

Téléchargeur d'images avec Flask