How to display the file like image and video into frontend after picking with the OpenFileDialog?

[dunkbing]

I want to pick a file (image, video), perform some operations on it, and then display it to the front-end. If I do the picking from the front-end, then I cannot get the file path.

[yalay]

use runtime.OpenMultipleFilesDialog to pick a file

[yalay]

refer to https://wails.io/docs/reference/runtime/dialog

[dunkbing]

use runtime.OpenMultipleFilesDialog to pick a file

This function only returns the selected files 😅 How do I display it on the screen?

[yalay]

You mean runtime.BrowserOpenURL(f.ctx, "file://"+filePath)?

[leaanthony]

Either return the whole file via the binding (probably slow) or what I'd do is setup an asset handler to return the file and then after selection of the file emit an event to load it, which will trigger the assethandler to load it.

So:

1. Install asset handler to manage /fs/ paths
2. Create JS event handler which listens to "fileload" events and does a fetch on "/fs/"+filename
3. When you select a file, emit ("fileload", filename)

It's not ideal and I'd be cautious of opening your whole filesystem up so maybe configure your asset handler to process paths only in a certain sub directory