How to load local image？

[yupoog]

html
<img src="D:\Downloads\1.jpg">

DevTools error:
Not allowed to load local resource: file:///D:/Downloads/1.jpg

disable web security:
os.Setenv("WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS", "--disable-web-security --allow-file-access-from-files --allow-file-access")

DevTools error:
Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME

[yzqdev]

You could use a static file server in background to hold these images.

app.Static("/img", "d:\\Downloads")

Then use something like <img src='http://localhost:3000/img/1.jpg' />

or you can just move 1.jpg to you frontend assets folder and use <img src='@/assests/1.jpg' /> to hold a image

[yupoog]

what if it's a lot of imgs.
they are not under the same folder
just like an image viewer

[leaanthony]

This is a good candidate for using the AssetHandler: https://wails.io/docs/reference/options#assetshandler-

We need to write a guide on accessing local files. Would you be interested in documenting your solution?

[EdikKing]

Is there a solution now? I also encounter this kind of problem now. I want the user to choose a local picture and then display it.

[leaanthony]

You can use AssetServer middleware to achieve this and there's an example in the docs: https://wails.io/docs/guides/dynamic-assets
Please be aware of the warning on that page.

[tataDan]

I was attempting to use the AssetServer middleware to load images (e.g. jpeg files) from a directory using an absolute path, but it did not work until I changed this line: requestedFilename := strings.TrimPrefix(req.URL.Path, "/") in the ServeHTTP function to:
requestedFilename := req.URL.Path.

[iamkhalidbashir]

I am trying to create a PR but I don't understand where to make the changes
The answer seems here: https://stackoverflow.com/a/11535111/1763492

[leaanthony]

Granting access to the entire filesystem via file:// is incredibly insecure and would allow any malicious npm module used to harvest user files.

A better approach is using a custom AssetHandler which you can configure to lock down which directories can be accessed.