在Tauri应用中如何将src目录下的文件复制到BaseDirectory.AppConfig

你的当前代码问题在于通过Canvas处理图片的方式不适合复制原文件：

• Canvas只会提取GIF的第一帧像素数据，丢失了动画信息
• getImageData()获取的是像素数组，不是原GIF文件的完整二进制结构，写入后无法被识别为合法图片文件

直接复制文件才是正确的做法，Tauri提供了更高效的API实现：

方法1：使用copyFile直接复制（推荐） #

这是最直接的方式，无需读取文件内容，直接完成复制：

import { copyFile, BaseDirectory, resolveResource } from '@tauri-apps/api/fs';

async function copyFooGif() {
  // 获取src目录下foo.gif的绝对资源路径
  const sourcePath = await resolveResource('foo.gif');
  // 复制到AppConfig目录，目标文件名可自定义
  await copyFile(sourcePath, 'foo.gif', { dir: BaseDirectory.AppConfig });
}

// 执行复制操作
copyFooGif().catch(err => console.error('复制失败:', err));

方法2：读取原文件二进制再写入 #

如果需要对文件内容做额外处理，可先读取原文件的二进制数据再写入：

import { readBinaryFile, writeBinaryFile, BaseDirectory, resolveResource } from '@tauri-apps/api/fs';

async function copyFooGif() {
  const sourcePath = await resolveResource('foo.gif');
  // 直接读取原文件的完整二进制数据
  const fileBuffer = await readBinaryFile(sourcePath);
  // 写入到AppConfig目录
  await writeBinaryFile('foo.gif', fileBuffer, { dir: BaseDirectory.AppConfig });
}

注意事项 #

1. 确保你的foo.gif文件在Tauri的资源目录中：React项目建议放在public目录下，这样打包后会被正确识别为资源文件，resolveResource才能找到它
2. 你的tauri.conf.json中fs配置已经包含$APP和$APPCONFIG，权限没问题

内容的提问来源于stack exchange，提问作者earlyriser