Tauri 打开本地文件踩坑分析解决

<input type="file" id="file-selector" />

document.getElementById("file-selector").addEventListener('change', e => {
    const files = e.target.files
    files.forEach(file => {
        const url = URL.createObjectURL(file)
        const path = file.path
    })
})

"allowlist": {
    "dialog": {
        "all": false,
        "open": true
    }
}

import { open } from "@tauri/api/dialog"
async handler(){
  let file = await open()
}

let files = await open({ multiple: true })

"allowlist": {
    "dialog": {
        "all": false,
        "open": true
    },
    "fs": {
        "all": false,
        "readFile": true,
    }
}

import { readBinaryFile } from '@tauri-apps/api/fs';
import { open } from "@tauri/api/dialog"
async handler(){
  // 打开文件获取绝对路径
  let files = await open({ multiple: true })
  files.forEach(async filePath => {
      // 读取二进制文件
      const contents = await readBinaryFile(filePath)
      // 转换为blob对象，然后转换为url
      const blob = new Blob([contents])
      const url = URL.createObjectURL(blob)
  })
}

{
    "allowlist": {
        "dialog": {
            "all": true,
            "open": true
        },
        "protocol": {
            "all": false,
            "asset": true,
            "assetScope": [
                "$PICTURE"
            ]
        }
    },
    "security": {
        "csp": "default-src 'self'; img-src 'self'; asset: https://asset.localhost"
    }
}

import { convertFileSrc } from '@tauri-apps/api/tauri'
import { open } from "@tauri/api/dialog"
async handler(){
  let files = await open({ multiple: true })
  files.forEach(filePath => {
      const url = convertFileSrc(filePath)
  })
}