Non sono riuscito a ottenere una richiesta di lavoro utilizzando i post di tipo application/octet-stream
, ma ho utilizzato i moduli di tipo multipart/form-data
in passato per caricare immagini utilizzando il pallone.
Ho esteso quello che ho fatto in passato per supportare più file di upload e questo ha funzionato sfruttando gli oggetti FileStorage
di werkzeug.
La chiave qui è la configurazione di un itinerario basato su post che cerca un elemento di richiesta da un modulo. Questo dovrebbe consentire di caricare il percorso tramite un modulo standard o una chiamata AJAX.
Di seguito è riportato un esempio semplificato che utilizza un modulo:
Modello per la vista:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
</head>
<body>
{% if err %}
<h4>{{ err }}</h4>
{% endif %}
<form action="/" method=POST enctype=multipart/form-data id="fileupload">
<input type="file" name="files" data-url="/" multiple>
<input type=submit value=Post>
</form>
{% if files %}
{% for file in files %}
<p>Uploaded: <b>{{ file }}</b> </p>
{% endfor %}
{% endif %}
</body>
</html>
Flask App
from flask import Flask, request, render_template
from werkzeug import secure_filename, FileStorage
import os
# Flask functions
app = Flask(__name__)
app.config.from_object(__name__)
DEBUG = True
# add this so that flask doesn't swallow error messages
app.config['PROPAGATE_EXCEPTIONS'] = True
@app.route('/', methods=['GET', 'POST'])
def uploader():
if request.method =='POST' and request.files.getlist('files'):
up_file_list = []
# Iterate the through a list of files from the form input field
for a_file in request.files.getlist('files'):
if a_file.filename:
# Validate that what we have been supplied with is infact a file
if not isinstance(a_file, FileStorage):
raise TypeError("storage must be a werkzeug.FileStorage")
# Sanitise the filename
a_file_name = secure_filename(a_file.filename)
# Build target
a_file_target = os.path.join('/tmp/', a_file_name)
# Save file
a_file.save(a_file_target)
up_file_list.append(a_file_name)
# Return template
if up_file_list:
return render_template('uploader.html', err=None, files=up_file_list)
else:
return render_template('uploader.html', err='No Files Uploaded', files=None)
else:
return render_template('uploader.html', err=None, files=None)
# application execution
if __name__ == '__main__':
app.run()
Se siete su Chrome, guarda la scheda Rete degli strumenti di sviluppo e vedi come sono le due richieste. – Blender
------ WebKitFormBoundaryxInpKfVFK8mUuqOv Content-Disposition: form-data; name = "post_photo_gallery"; filename = "" Content-Type: le righe application/octet-stream non sono visualizzate sulla richiesta AJAX – saidozcan
Questo potrebbe essere utile: https://github.com/blueimp/jQuery-File-Upload/wiki/Flask – Blender