codecamp

Tauri convertFileSrc

convertFileSrc(: , : ): filePathstringprotocol?stringstring

将设备文件路径转换为可由 Web 视图加载的 URL。 请注意,必须将 和添加到 中的 tauri.security.csp 中。 示例 CSP 值:在图像源上使用资产协议。asset:https://asset.localhosttauri.conf.json"csp": "default-src 'self'; img-src 'self' asset: https://asset.localhost"

此外,必须添加到 tauri.allowlist.protocol 中,并且必须在同一对象上的数组上定义其访问范围。assettauri.conf.jsonassetScopeprotocol


import { appDataDir, join } from '@tauri-apps/api/path';
import { convertFileSrc } from '@tauri-apps/api/tauri';
const appDataDirPath = await appDataDir();
const filePath = await join(appDataDirPath, 'assets/video.mp4');
const assetUrl = convertFileSrc(filePath);

const video = document.getElementById('my-video');
const source = document.createElement('source');
source.type = 'video/mp4';
source.src = assetUrl;
video.appendChild(source);
video.load();

Since: 1.0.0

参数

名字类型默认值描述
filePathstringundefined文件路径。
protocolstring'asset'要使用的协议。缺省值为 .只有在使用自定义协议时才需要设置此项。asset

Returns: string

可用作 Web 视图上的源的 URL。


Tauri InvokeArgs
Tauri invoke
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Tauri 指南

Tauri 特性

Tauri 插件

Tauri 应用程序接口

Tauri JavaScript/TypeScript

Tauri 命令行界面

Tauri 进程

Tauri 参考

Tauri WebView 版本

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }