upload image and replace

2 years ago · 4494306bb3
parent 49fc56f028
commit 4494306bb3
19 changed files with 38 additions and 2 deletions
--- a/week5/pycache/app.cpython-310.pyc
+++ b/week5/pycache/app.cpython-310.pyc
--- a/week5/app.py
+++ b/week5/app.py
@ -1,11 +1,19 @@
 # This is a flask application that overlaps uploaded images and text on top of images laid out in a grid on the browser.

 from flask import Flask
-from flask import request
+from flask import request, redirect
 from flask import render_template
 import glob
+import os
+
+UPLOAD_FOLDER = './static/img/'
+ALLOWED_EXTENSIONS = {'txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif'}
+def allowed_file(filename):
+    return '.' in filename and \
+           filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS

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

@app.route("/")
 def overlap():
@ -13,3 +21,23 @@ def overlap():
    print(images)

    return render_template("mosaic.html", images=images)
+
+from flask import request
+
+@app.route('/upload', methods=['POST'])
+def upload_file():
+    if request.method == 'POST':
+        file = request.files['tile']
+        # print(request.files["zine test.png"])
+        if file and allowed_file(file.filename):
+            filename = file.filename
+            print("zine test.png",filename)
+            file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
+        overwrite = request.form["overwrite"]
+        os.system(f"cp ./static/img/{ filename } ./static/img/{ overwrite }")
+        os.system(f"rm ./static/img/{ filename }")
+
+        return redirect("/")
+        # f = request.files['the_file']
+        # f.save('/var/www/uploads/uploaded_file.txt')
+
--- a/week5/static/img/output00.png
+++ b/week5/static/img/output00.png
--- a/week5/static/img/output01.png
+++ b/week5/static/img/output01.png
--- a/week5/static/img/output02.png
+++ b/week5/static/img/output02.png
--- a/week5/static/img/output03.png
+++ b/week5/static/img/output03.png
--- a/week5/static/img/output04.png
+++ b/week5/static/img/output04.png
--- a/week5/static/img/output05.png
+++ b/week5/static/img/output05.png
--- a/week5/static/img/output06.png
+++ b/week5/static/img/output06.png
--- a/week5/static/img/output07.png
+++ b/week5/static/img/output07.png
--- a/week5/static/img/output08.png
+++ b/week5/static/img/output08.png
--- a/week5/static/img/output09.png
+++ b/week5/static/img/output09.png
--- a/week5/static/img/output10.png
+++ b/week5/static/img/output10.png
--- a/week5/static/img/output11.png
+++ b/week5/static/img/output11.png
--- a/week5/static/img/output12.png
+++ b/week5/static/img/output12.png
--- a/week5/static/img/output13.png
+++ b/week5/static/img/output13.png
--- a/week5/static/img/output14.png
+++ b/week5/static/img/output14.png
--- a/week5/static/img/output15.png
+++ b/week5/static/img/output15.png
--- a/week5/templates/mosaic.html
+++ b/week5/templates/mosaic.html
@ -6,7 +6,7 @@
                margin: 0;
            }
            img{
-                width: 20vw;
+                width: 25vw;
                margin: 0;
                padding: 0;
            }
@ -17,5 +17,13 @@
    </head>
    <body>
        {% for image in images %}<img src="{{image}}">{% endfor %}
+
+<form action="/upload" method="POST" enctype="multipart/form-data">
+<label for="tile">Choose a profile picture:</label>
+<input type="file"
+       id="tile" name="tile" required>
+       <input type="text" name="overwrite" required>
+<input type="submit" value="Upload">
+    </form>
    </body>
 </html>