Flask: redirect to same page after form submission

Question

I have two forms on in my template: one, to post something and the second, to activate file deletion on the server:

<div style="margin-bottom:150px;"> <h4>Delete</h4> <form method="post" action="/delete"> <div class="form-group"> <input type="hidden" name="delete_input"></input> </div> <button type="submit" class="btn btn-danger" id="btnSignUp">Delete</button> </form> </div> <div style="margin-bottom:150px;"> <h4>URLs</h4> <form method="post" action="/"> <div class="form-group"> <textarea class="form-control" rows="5" id="urls" name="url_area"></textarea> </div> <button type="submit" class="btn btn-primary" id="btnSignUp">Urls</button> </form> </div>

My app.py looks like this:

@app.route("/") def main(): return render_template('index.html') @app.route('/', methods=['POST']) def parse_urls(): _urls = request.form['url_area'].split("\n") image_list = get_images(_urls) return render_template('index.html', images=image_list) @app.route('/delete', methods=['POST']) def delete_images(): file_list = [f for f in os.listdir("./static") if f.endswith(".png")] for f in file_list: os.remove("./static/" + f) image_list = [] conn = sqlite3.connect('_db/database.db') curs = conn.cursor() sql = "DROP TABLE IF EXISTS images" curs.execute(sql) conn.commit() conn.close() return render_template('index.html', images=image_list)

Two issues:

I get the form resubmission message when I reload the page after submitting the form
I would like to have one url for everything

The way I see it, I need so use redirects to avoid the duplicate submission and after calling delete, I need to redirect to index.

How can I do this correctly?

I know about redirect and url_for, but how do I redirect to the same page?

Mahmoud · Accepted Answer · 2019-01-06 18:06:30Z

24

You can get the currently requested URL by request.url:

So, to redirect to the same page use:

redirect(request.url)

answered Jan 6, 2019 at 18:06

Mahmoud

2,9031 gold badge32 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

paul Over a year ago

does not work if there is anything quoted in the url E.g. if you request example.org/?whatever=bla%20bla request.url will contain "example.org/?whatever=bla bla" (blank unquoted) wihch makes the redirection fail. AFAIK, there is no way to quote reliably to the original again

Tim Bray Oct 1 at 13:16

For years I did redirect('?') or redirect('') Works fine in firefox, but not in Chrome.

IoaTzimas · Accepted Answer · 2019-10-13 19:30:59Z

21

This worked perfectly for me, in last line:

return redirect(request.referrer)

answered Oct 13, 2019 at 19:30

IoaTzimas

10.7k2 gold badges15 silver badges32 bronze badges

Comments

jabuj · Accepted Answer · 2020-05-20 05:53:19Z

As archer said below:

return redirect(request.referrer)

This is useful when you have a button that uses a route to perform a given function when it is clicked - you don't want to return the user to the URL for that button - you want to return the user to the URL that the button route was referred by, i.e. the page the user was on when they clicked the button.

However, as Mahmoud said:

redirect(request.url)

This is perfect if you perform a function on a page that doesn't use routes or special URLs or anything like that. It essentially just refreshes the page.

return redirect(request.referrer) gave me a "Method Not Allowed The method is not allowed for the requested URL." error. But the redirect(request.referrer) worked.

metmirr · Accepted Answer · 2021-06-15 11:37:03Z

16

Change form action to action="{{url_for('delete_images')}}". And for redirection you can use code below:

@app.route('/delete', methods=['POST']) def delete_images(): return redirect(url_for('delete_images'))

edited Jun 15, 2021 at 11:37

answered Dec 21, 2016 at 21:28

metmirr

4,3222 gold badges23 silver badges36 bronze badges

1 Comment

chasethesunnn Over a year ago

Thanks. For this specific example, you don't really need to check request.method is equal to POST here cause the app route would do that for you already.

tim · Accepted Answer · 2017-05-04 03:52:40Z

One way is set the current url by Javascript in your form. like:

<form method="post" action="/delete"> <div class="form-group"> <input type="hidden" name="delete_input"></input> </div> <input type=hidden class=current_url value="" name=current_url> <button type="submit" class="btn btn-danger" id="btnSignUp">Delete</button> </form>

And set the hidden input value by JS, like,

function get_current_url() { var url=window.location.href; return url } $(window).on('load',function(){ var current_url=document.getElementsByClassName('current_url')[0]; current_url.value=get_current_url(); })

At server, redirect to the url that post data

Collectives™ on Stack Overflow

Flask: redirect to same page after form submission

5 Answers 5

2 Comments

Comments

1 Comment

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

1 Comment

Comments

Linked

Related