Skip to main content

writeStaticFile()v4.0.147

将一些内容保存到 public 目录 中。 此 API 对在 Remotion Studio 中构建交互式体验非常有用。

🌐 Saves some content into a file in the public directory.
This API is useful for building interactive experiences in the Remotion Studio.

示例​

🌐 Examples

Write 'Hello world' to public/file.txt
import React, { useCallback } from "react";
import { writeStaticFile } from "@remotion/studio";

export const WriteStaticFileComp: React.FC = () => {
  const saveFile = useCallback(async () => {
    await writeStaticFile({
      filePath: "file.txt",
      contents: "Hello world",
    });

    console.log("Saved!");
  }, []);

  return <button onClick={saveFile}>Save</button>;
};
Allow a file upload
import React, { useCallback } from "react";
import { writeStaticFile } from "@remotion/studio";

export const WriteStaticFileComp: React.FC = () => {
  const saveFile = useCallback(
    async (e: React.ChangeEvent<HTMLInputElement>) => {
      const file = e.target.files![0];

      await writeStaticFile({
        filePath: file.name,
        contents: await file.arrayBuffer(),
      });

      console.log("Saved!");
    },
    [],
  );

  return <input type="file" onChange={saveFile} />;
};

规则​

🌐 Rules

此 API 仅能在 Remotion Studio 中使用。


文件路径必须相对于 public目录 。


不允许写入 public目录之外的文件。 .
4
 要写入子文件夹，即使在 Windows 上，也请使用正斜杠 /。
5
 你可以传入 string 或 ArrayBuffer。

另请参阅​

🌐 See also

Last updated on