[bug] cannot load assets if filepath contains "#"

[red010182]

Describe the bug

If the filepath contains "#" character, the assets would load fail because the filepath is somehow not encoding character "#".

Loading the test file with filepath D:\#a b c.mp4 results:

White spaces are encoded to %20 but "#" doesn't (it should be %23).

Reproduction

No response

Expected behavior

No response

Platform and versions

Operating System - Windows, version 10.0.19043 X64
Webview2 - 99.0.1150.55
Visual Studio Build Tools:
   - Visual Studio Build Tools 2017
   - Visual Studio Community 2019

Node.js environment
  Node.js - 16.6.2
  @tauri-apps/cli - 1.0.0-rc.5 (outdated, latest: 1.0.0-rc.8)
  @tauri-apps/api - 1.0.0-rc.1 (outdated, latest: 1.0.0-rc.3)

Global packages
  npm - 7.20.3
  pnpm - 6.24.3
  yarn - Not installed

Rust environment      
  rustup - 1.24.3
  rustc - 1.59.0
  cargo - 1.59.0
  toolchain - stable-x86_64-pc-windows-msvc 

App directory structure
/.git
/.vscode
/dist
/node_modules
/public
/src
/src-tauri
/test

App
  tauri - 1.0.0-rc.3
  tauri-build - 1.0.0-rc.3
  tao - 0.6.2
  wry - 0.13.2
  build-type - bundle
  CSP - default-src 'self'; img-src 'self' asset: https://asset.localhost; media-src 'self' asset: https://asset.localhost; connect-src *
  distDir - ../dist
  devPath - http://localhost:8080/
  framework - Vue.js (Quasar)
  bundler - Webpack

Stack trace

No response

Additional context

No response