how can I load svg file into my python flask page? [duplicate]

Question

So I want to put an svg file into my page(not as an image, as an xml element) - need it like this so I could dynamically change elements within the page.

and I made a simple code that I thought it'll do:

@app.route('/map_test/') def test(): svg = render_template('file.svg') response = make_response(svg) response.content_type = 'image/svg+xml' return render_template('test.html', svg=response)

and test.html:

{% block content %} <section> {{ svg }} </section> {% endblock %}

....which just returned <Response 126181 bytes [200 OK]> instead of svg element...

so... what do I need to do in order to get this to work?

what are your imports?

Nihal
– Nihal

2018-06-14 06:48:50 +00:00
Commented Jun 14, 2018 at 6:48 — Nihal
– Nihal, Commented Jun 14, 2018 at 6:48
from flask import make_response, render_template, request

sol-invictii
– sol-invictii

2018-06-14 06:53:46 +00:00
Commented Jun 14, 2018 at 6:53 — sol-invictii
– sol-invictii, Commented Jun 14, 2018 at 6:53

Arpad Horvath -- Слава Україні · Accepted Answer · 2020-10-30 13:08:40Z

4

this did the trick:

from flask import Markup @app.route('/map_test/') def test(): svg = open('file.svg').read return render_template('test.html', svg=Markup(svg))

edited Oct 30, 2020 at 13:08

Arpad Horvath -- Слава Україні

1,9821 gold badge20 silver badges44 bronze badges

answered Jun 14, 2018 at 8:46

sol-invictii

3572 gold badges7 silver badges19 bronze badges

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

4 Comments

Enrique Bruzual Over a year ago

Markup( )? did you import this function? is it a custom function? is it a built-in function? Please edit your answer . Thank you

Arpad Horvath -- Слава Україні Over a year ago

I guess you need to call read. So svg = open('file.svg').read()

RixTheTyrunt Over a year ago

Doesn't work, demo in poketyrunts.repl.co/favicon.svg and replit.com/@poketyrunts/poketyrunts?v=1 ( I want it to be like a real SVG )

Nasimuddin Ansari Over a year ago

Works for my svg file having hyperlinks - with small modification by changing .read to .read()

Nihal · Accepted Answer · 2018-06-14 07:45:58Z

from flask import Flask, render_template app = Flask(__name__) @app.route('/') def hello_world(): img = './static/download.svg' return render_template('index.html', img=img) if __name__ == '__main__': app.run()

index.html

<!DOCTYPE html> <html lang="en"> <body> <img src="{{ img }}"> </body> </html>

put your svg file in dir called static

umm... I want my svg element to be dynamic, that's why i've been trying to load the full svg element in... this'll get me to load my svg file as pictures but won't allow me to dynamically change the elements.

Collectives™ on Stack Overflow

how can I load svg file into my python flask page? [duplicate]

2 Answers 2

4 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Linked

Related