The HTML we’d write might look like this: Cool Website about Stuff īut since we’re professionals, and we’re data wranglers, and we’re specifically data wrangling school data, we’ll probably start it off with the name of a school. If we were normal people, going to make a normal website, we might start off our website with a real big header proclaiming how great it is. This tutorial is out of date! Try my longer, updated Flask-SQLite webapp tutorial here Building a Flask webapp Why Flask is the hero that we need The Problem We are then reading and storing the contents of the file using the read() functionįinally, we are rendering another HTML page and passing in the contents of the file so that it can be displayed on our browser.Home > Tutorials > Web Applications for You and Me > Building a Flask App We are opening the file in read-only mode by specifying “r”. In order to display the contents of the file, we first open the uploaded file using the open() function. file = open(app.config + filename,'r') content = file.read() return render_template('content.html', content=content) Then we use the save() function to save the file in the directory that we specified. f.save(app.config + filename) # same as # f.save(static/our_file_name.txt) As already discussed, the secure_filename secures our filename before storing it. Then we are getting the name of the file and storing it in filename. Here, we are accessing the data (file) which was submitted in the frontend using the request module. These lines uses the render_template module that we imported to render our index.html page every time we go to localhost:5000 f = request.files filename = secure_filename(f.filename) def upload_file(): return render_template('index.html') In our case, we are going to store our variable inside static folder which we created earlier on. Using the above line, we are configuring the variable UPLOAD_FOLDER to the path where we wanna store our files.

Here, we are creating an app variable and setting it to an instance of the Flask class app.config = 'static/' We are now importing a function called as secure_filename which secures our filename before storing it in our system.

request to access the data submitted in the frontend.įrom werkzeug.utils import secure_filename.

render_template which is used to render HTML pages.

Flask which is used for running our application.

from flask import Flask, render_template, request Let us now understand the code line by line.

Flask app builder