file:// not allowed to load local resource

[rafma0]

hey, is there any way I can use file:// to load pics / videos?

In electron it works after I do this

  protocol.registerFileProtocol('file', (request, callback) => {
    const pathname = decodeURI(request.url.replace('file:///', ''));
    callback(pathname);
  });

I have a external config file where the user defines a local path and I need to show the pics inside, etc

this is one of the few reasons I'm still stuck with electron and I can't wait to migrate 😃

thank you

[niemes]

Up, same problem.

I would like to change the source of a videoPlayer and end up with this error/limitation.
Any solution or documentation to load local file ?

Thank you

EDIT

We should also mention that we need to add the :asset protocole in the csp for this to work normally.
in the file tauri.conf.json add in the csp key "asset:"

I find the way to use local file, you need to get the link from the api like that :
source : Doc Tauri

      window.__TAURI__.dialog.open().then( (localPath) => {
        console.log("Video selected", localPath)
        
        let apiPath = window.__TAURI__.tauri.convertFileSrc(localPath)
        console.log('API Path', apiPath)
        window.videoPlayer.src = apiPath
        window.videoPlayer.play()
      })

have fun o/

[FabianLars]

by the way, if you're using tauri's file dialog you don't have to configure such a permissive scope. The via the dialog selected files will be added to the scope automatically :)

[abkarim]

The protocol section worked
thank you so much 😊

[Siirko]

This works for images, but beware that this currently doesn't work for videos and music files for Linux users
#3725

[kzhui125]

I have tested that asset protocol can't play large size video on macOS: #8589

[YMC-GitHub]

@lighttigerXIV Thank you! it works for me.