读取文件
- 需要在前端安装tauri-plugin-fs,这主要是在
batchPrint中的frontend中安装的; - 需要在
src-tauri/capabilities/default.json中添加permission,以获取权限
{"$schema": "../gen/schemas/desktop-schema.json","identifier": "main-capability","description": "capability for main window","windows": ["main"],"permissions": ["core:default","dialog:allow-open","dialog:allow-save","store:default",///////////////主要是下面这些//启用了文件系统的默认权限集"fs:default",{//允许程序读取目录内容"identifier": "fs:allow-read-dir",//allow指定允许访问的路径"allow": [{ "path": "$HOME/**" }//表示允许读取用户主目录基期所有子目录的内容,这里的$home是一个环境变量,会自动解析为用户的主目录路径,**是一个通配符,表示匹配目录下的所有子目录和文件]},{"identifier": "fs:allow-read-file","allow": [{ "path": "$HOME/**" }]}]
}- 在
lib.rs中初始化此插件
#[cfg_attr(mobile, tauri::mobile_entry_point)]
pub fn run() {tauri::Builder::default()//主要是他.plugin(tauri_plugin_fs::init()).plugin(tauri_plugin_dialog::init()).plugin(tauri_plugin_store::Builder::default().build()).setup(|app| {if cfg!(debug_assertions) {app.handle().plugin(tauri_plugin_log::Builder::default().level(log::LevelFilter::Info).build(),)?;}Ok(())}).run(tauri::generate_context!()).expect("error while running tauri application");
}访问图片
async function loadImages() {if (!imagePath.value) {imageList.value = [];return;}try {const files = await readDir(imagePath.value);imageList.value = files.filter(file => file.isFile).map(file => file.name).filter(name => imageExtensions.some(ext => name.toLowerCase().endsWith(ext))).map(name => convertFileSrc(`${imagePath.value}/${name}`));console.log('加载图片:', imageList.value);} catch (error) {console.error('无法读取图片目录:', error);imageList.value = [];}
}
注意这里使用了convertFileSrc函数,将本地文件路径转换成url,可以使用webview访问.
这样做还不够,需要开启权限.下面是tauri.conf.json中app/security中的内容:
![assets/读取文件夹并展示图像的相关问题/file-20260103172906748.png]]
这段代码是 Tauri 应用程序的安全配置,涉及两个关键的安全机制:内容安全策略(CSP)和资源协议。"csp" 字段定义了应用程序的内容安全策略。这是一个浏览器安全特性,用于防止跨站脚本(XSS)攻击和其他注入攻击。"default-src 'self'" 表示所有内容类型默认只能从应用程序本身加载,不允许从外部源加载。这是一个严格的基础规则,确保了默认情况下的安全。img-src 'self' asset: https://asset.localhost 是对图片资源的特殊规则,它允许从三个来源加载图片:应用程序本身('self')、使用 asset: 协议的资源,以及来自 https://asset.localhost 的资源。这种配置在开发环境中很常见,允许从本地资源服务器或特殊的资源协议加载图片。"assetProtocol" 对象配置了 Tauri 的资源协议功能。"enable": true 启用了这个协议,允许应用程序使用自定义的 asset: 协议来访问静态资源,这是 Tauri 中高效加载本地文件的方式。"scope": ["**/*"] 定义了这个协议的访问范围,**/* 是一个通配符模式,表示允许访问项目中的所有文件。这意味着你的应用程序可以通过 asset: 协议访问任何静态资源文件,如图片、样式表和脚本。需要注意的是,这个配置中的 scope 相当宽松,允许访问所有文件。在生产环境中,建议根据实际需求限制范围,只允许访问特定的目录(例如 ["assets/**", "images/**"]),以进一步增强安全性。