python - 如何在 Flask 中分别上传多个文件?
问题描述
这是我遇到的问题。我需要创建一个能够上传两个不同类型的文件(分别为 wav 文件和 midi/MusicXML 文件)的网络应用程序。现在这不起作用。这是我的代码:
app.py
flask import Flask
UPLOAD_FOLDER = '/Users/CatLover/Documents/DataScience/Insight/FrontEnd/Kitty/files/'
app = Flask(__name__)
app.secret_key = "secret key"
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024
main.py
import os #import magic import urllib.request from app import app from flask import Flask, flash, request, redirect, render_template from werkzeug.utils import secure_filename
ALLOWED_EXTENSIONS = set(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif'])
def allowed_file(filename):
return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
@app.route('/')
def upload_form():
return render_template('upload.html')
@app.route('/', methods=['POST'])
def upload_file():
if request.method == 'POST':
print(request.__dict__)
# 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 file.filename == '':
flash('No file 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('File successfully uploaded')
return redirect('/')
else:
flash('Allowed file types are txt, pdf, png, jpg, jpeg, gif')
return redirect(request.url)
if __name__ == "__main__":
app.run(host="127.0.0.1",port=int("5003"),debug=True)
templates/upload.html
:
<!doctype html>
<title>Python Flask File Upload Example</title>
<h2>Step 1: Select a sheet music file (.xml, .mxl or .mid) to upload</h2>
<p>
{% with messages = get_flashed_messages() %}
{% if messages %}
<ul class=flashes>
{% for message in messages %}
<li>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% endwith %}
</p>
<form method="post" name="sform" action="/" enctype="multipart/form-data">
<dl>
<p>
<input type="file" name="sfile" autocomplete="off" required>
</p>
</dl>
<p>
<input type="submit" name="ssubmit" value="Submit">
</p>
</form>
<h2>Step 2: Select a wav file to upload</h2>
<form method="post" name="wform" action="/" enctype="multipart/form-data">
<dl>
<p>
<input type="file" name="wfile" autocomplete="off" required>
</p>
</dl>
<p>
<input type="submit" name="wsubmit" value="Submit">
</p>
</form>
解决方案
请确保在 main.py 中使用相同的输入字段名称(在 upload.html 中提到)这是有效的解决方案,它只需要 'xml'、'mxl'、'mid'、'wav' 扩展名,我们可以删除如果我们愿意,可以使用多个上传字段,但根据您的要求,我进行了修改。谢谢
应用程序.py
from flask import Flask
UPLOAD_FOLDER = '/root/Flask'
app = Flask(__name__)
app.secret_key = "secret key"
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024
主文件
import os
import magic
from app import app
from flask import Flask, flash, request, redirect, render_template
from werkzeug.utils import secure_filename
ALLOWED_EXTENSIONS = set(['xml', 'mxl','mid','wav'])
def allowed_file(filename):
return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
@app.route('/')
def upload_form():
return render_template('upload.html')
@app.route('/', methods=['POST'])
def upload_file():
if request.method == 'POST':
print(request.__dict__)
# check if the post request has the file part
if 'sfile' not in request.files:
flash('No file part')
return redirect(request.url)
file = request.files['sfile']
if file.filename == '':
flash('No file 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('File successfully uploaded')
return redirect('/')
else:
flash('Allowed file types are xml,mxl,mid,wav')
return redirect(request.url)
if __name__ == "__main__":
app.run(host="0.0.0.0",port=int("5003"),debug=True)
模板/上传.html
<!doctype html>
<title>Python Flask File Upload Example</title>
<h2>Step 1: Select a sheet music file (.xml, .mxl or .mid) to upload</h2>
<p>
{% with messages = get_flashed_messages() %}
{% if messages %}
<ul class=flashes>
{% for message in messages %}
<li>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% endwith %}
</p>
<form method="post" name="sform" action="/" enctype="multipart/form-data">
<dl>
<p>
<input type="file" name="sfile" autocomplete="off" required>
</p>
</dl>
<p>
<input type="submit" name="ssubmit" value="Submit">
</p>
</form>
<h2>Step 2: Select a wav file to upload</h2>
<form method="post" name="wform" action="/" enctype="multipart/form-data">
<dl>
<p>
<input type="file" name="sfile" autocomplete="off" required>
</p>
</dl>
<p>
<input type="submit" name="wsubmit" value="Submit">
</p>
</form>
推荐阅读
- javascript - 如何查找到现在 7-14 天的日期
- java - 有没有办法在 WordPress 博客上发布我的 Java 程序?
- certificate-transparency - 如何检查 google -transparency 日志以检测我域的恶意 ssl 证书
- python - pip Install throwing 找不到匹配的分布
- html - 重叠 div 并保持响应
- css - 使用 npm 安装时,Font-awesome 5 不适用于 webpack
- coldfusion - ColdFusion 查询执行参数对象?
- asp.net-mvc - 从 ViewResult 获取注入的服务
- python - 如何在 Python 中查看回归的结果(方程)?
- linux - 如何为 sendmsg() 获取 ipi_ifindex 的值?