How to insert a JavaScript variable into Flask url_for() function?

Question

I have following code in my Flask template:

<div id="cell1"></div>
<script>
var id="0014";
cell1.innerHTML = '<a href={{url_for('static',filename='+id+'".txt")}}">'+id+'</a>';
</script>

I want the link to render to:

http://my_address/static/0014.txt

But I got this:

http://my_address/static/+id+.txt

How to make the js variable id in Flask url_for() function work?

Thanks for your help!

Could it be that you are mixing server side and client side code? What's this {{url_for(...)}} stuff, some sort of template engine method? If so, you need to work on the result of the function call. — Quagaar
– Quagaar, Commented Nov 12, 2016 at 23:11
I think you've a quotes issue, try to use cell1.innerHTML = '<a href={{url_for("static", filename="'+id+'.txt")}}">'+id+'</a>'; — Zakaria Acharki
– Zakaria Acharki, Commented Nov 12, 2016 at 23:12
Quotes escape '<a href={{url_for("static",filename="'+id+'.txt")}}">'+id+'</a>' — Searching
– Searching, Commented Nov 12, 2016 at 23:16
Thanks Quagaar and Zakaria Achrki for yours suggestions. Grey Li gave me the solution. — Juan Prado
– Juan Prado, Commented Nov 13, 2016 at 14:31

Grey Li · Accepted Answer · 2017-12-31 02:16:15Z

4

Try this:

cell1.innerHTML = '<a href={{ url_for('static', filename='') }}' + id + '.txt>' + id + '</a>';

url_for() will generate an URL like this: .../static/<filename>. If you use url_for('static', filename=''), it generate an URL like: .../static/, so you can just add text after it (i.e. + id + '.txt>') .

edited Dec 31, 2017 at 2:16

answered Nov 13, 2016 at 3:32

Grey Li

13k4 gold badges60 silver badges67 bronze badges

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

2 Comments

Juan Prado Over a year ago

Dear, Thank you very much! It Works!

Juan Prado Over a year ago

sorry, for the moment I not have sufficient reputation for vote, but when I have it will do it.

Collectives™ on Stack Overflow

How to insert a JavaScript variable into Flask url_for() function?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related