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>