How to access the image using path in Flask?

Question

I have to use an image that is stored in the directory uploaded/images in Html/javascript file using Flask.


<img id="img" src= "">
<h1 id="file_path" style="visibility:hidden">{{ file_path }}</h1>

and js

var file_path = "../uploaded/images/" + document.getElementById("file_path").innerHTML;
document.getElementById("img").setAttribute("src",file_path)

And the directory structure looks like this:

predict.html contains those codes (above).

The image to be shown is inside uploaded/images.

home.py is the flask app.

You should put the images in the static folder. Follow whatever tutorial on Youtube. — Luis Alejandro Vargas Ramos, Aug 18 '22 at 23:46
You can see the the folder is named uploaded, this would imply it's untrusted content. You really only want to put content you trust into the static dir. — nigel239, Aug 19 '22 at 09:36

score -1 · Answer 1 · answered Aug 18 '22 at 21:43

Accepting uploaded media files locally is

Please make sure to put in enough checks to validate the content, and if you can, serve them off-site, on a different domain.

1 Answers1