SvelteKit(node-adapter)上传图片需重启才能访问问题求助

原因很明确：SvelteKit的static目录、src下的资源目录，在dev模式下会被预加载到内存缓存，生产模式下会在build阶段打包进静态资源。运行时动态新增的文件不在缓存/打包范围内，所以浏览器访问不到，只有重启服务重新加载缓存才会识别。

给你两个关键解决步骤：

1. 更换临时文件存储目录 #

别把临时文件放在static、src这类SvelteKit的静态资源目录里，单独在项目根目录建一个独立的临时目录（比如./tmp/img），确保Node.js有写入权限。修改你的写入代码：

await writeFile("./tmp/img/" + now + ".jpg", contentReplace, 'base64');

2. 通过API路由提供临时文件访问 #

在SvelteKit里创建一个动态API路由，用来读取并返回临时目录里的图片。比如创建src/routes/api/tmp/[file].js，代码如下：

import { readFile } from 'fs/promises';
import { join } from 'path';
import { error } from '@sveltejs/kit';

export async function GET({ params }) {
  // 拼接绝对路径，避免相对路径问题
  const filePath = join(process.cwd(), 'tmp', 'img', params.file);
  try {
    const imgBuffer = await readFile(filePath);
    return new Response(imgBuffer, {
      headers: {
        'Content-Type': 'image/jpeg',
        // 禁用缓存，确保每次都读取最新文件
        'Cache-Control': 'no-cache, no-store, must-revalidate'
      }
    });
  } catch (err) {
    throw error(404, '临时文件不存在');
  }
}

之后访问临时图片时，直接用这个API路径（比如/api/tmp/20240520123456.jpg），就能实时加载到刚写入的图片，不用重启服务。

最后记得加个定时清理或者用户操作后的删除逻辑，避免临时文件堆积占用空间。

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