Как я могу разрешить пользователю публиковать музыкальный файл в своем сообщении с помощью Flask?

#python #flask

#python #flask

Вопрос:

Мой сайт позволит пользователям публиковать что-то вроде сообщения в блоге, но с прикрепленным к нему аудиофайлом, чтобы другой пользователь мог слушать его во время чтения. Я создал фиктивный пост, чтобы я мог проверить несколько вещей, а также простой маршрут.

 from flask import render_template
from site import app

posts = [{
    'title': 'asdf',
    'text': 'asdf',
    'file': "2.mp3"
}]


@app.route("/")
@app.route("/home")
def home():
    return render_template('home.html', posts=posts)
  

У меня также есть home.html шаблон

 <!DOCTYPE html>
<html>
<head>
<title>Site</title>
</head>
<body>
{% for post in posts %}
    <h1>
        {{ post.title }}
    </h1>
    <h2>
        {{ post.text }}
    </h2>
    <audio controls>
        <source src="{{ post.file }}" type="audio/mpeg">
    </audio>
{% endfor %}
</body>
</html>
  

Моя логика была простой: если файл 2.mp3 находится в том же каталоге, что и home.html файл, затем музыка должна воспроизводиться. Но это не так. Я действительно понятия не имею, что мне делать. Я использую Python 3.7.

Ответ №1:

На самом деле это немного сложнее, потому что это два варианта.

Первый — «простой», и чего вы пытаетесь достичь. Наличие файла в static папке вместе с домашним шаблоном и возврат его пользователю через шаблон.

Для достижения этого вам просто нужно немного изменить свой шаблон:

 <source src="{{ url_for('static', filename=post.file) }}" type="audio/mpeg">
  

Однако это не сработает, если файла нет в вашей static папке (т. Е. Если пользователь загружает файл сам).

Для этого вам нужно будет выполнить шаги в документах, и вы, вероятно, получите что-то близкое к следующему:

 import os
from flask import Flask, flash, request, redirect, url_for
from werkzeug.utils import secure_filename
from flask import send_from_directory

UPLOAD_FOLDER = '/path/to/the/uploads'
ALLOWED_EXTENSIONS = {'txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif', '.mp3'}

app = Flask(__name__)
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER

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

@app.route('/', methods=['GET', 'POST'])
def upload_file():
    if request.method == 'POST':
        # check if the post request has the file part
        if 'file' not in request.files:
            flash('No file part')
            return redirect(request.url)
        file = request.files['file']
        # if user does not select file, browser also
        # submit an empty part without filename
        if file.filename == '':
            flash('No selected file')
            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))
            return redirect(url_for('uploaded_file',
                                    filename=filename))
    return '''
    <!doctype html>
    <title>Upload new File</title>
    <h1>Upload new File</h1>
    <form method=post enctype=multipart/form-data>
      <input type=file name=file>
      <input type=submit value=Upload>
    </form>
'''


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