Stop jinja from converting string to url encoding?

Question

I'm currently using some Jinja2 templating on my flask app to pull up images on an html page using image paths from a simple sqlite request. I.e. the process is as follows:

1. Retrieve image path from SQLite In SQLite its simply a text field, i.e.:

imagePath text

For example, this would be something like "post1.png"

2. Format a render template for the html page Using url_for, create an image element with the given image path, i.e.:

<img src="{{ url_for('static', filename='assets/images/blog/{{ imagePath }}') }}" alt="" class="img-fluid">

So, I would expect to see something like:

<img src="assets/images/blog/post1.png" alt="" class="img-fluid">

But, instead I'm getting some weird url encoding when the page gets rendered, i.e.:

<img src="/static/assets/images/blog/%7B%7B%20post%5B7%5D%20%7D%7D" alt="" class="img-fluid">

Am I doing something wrong in the templating process? Or is there something I can do to remove all of those hex characters that are generated? I tried passing in a string filter but that didn't seem to work either.

Your url encoding translates to {{ post[7] }}. That's not a great choice for a image filename. — Håken Lid
– Håken Lid, Commented Jul 23, 2019 at 17:53
You cannot nest the curly braces {{ }} so Jinja is escaping them as part of the URL. stackoverflow.com/a/20845452/3357118 discusses an almost identical use case with url_for() — user3357118
– user3357118, Commented Jul 23, 2019 at 18:40

Sergei Sadovnikov · Accepted Answer · 2019-07-23 19:38:19Z

5

Jinja2 documentation says:

When automatic escaping is enabled, everything is escaped by default except for values explicitly marked as safe. Variables and expressions can be marked as safe either in: - the context dictionary by the application with MarkupSafe.Markup, or - the template, with the |safe filter

So, you can try to use safe filter ( http://jinja.pocoo.org/docs/2.10/templates/#safe ):

<img src="{{ url_for('static', filename='assets/images/blog/' ~ imagePath ) | safe }}" alt="" class="img-fluid">

or follow other suggestions from Jinja2 template docs.

answered Jul 23, 2019 at 19:38

Sergei Sadovnikov

3861 silver badge5 bronze badges

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

Collectives™ on Stack Overflow

Stop jinja from converting string to url encoding?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related