Skip to main content

writeStaticFile()v4.0.147

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

示例​

将 'Hello world' 写入 public/file.txt
tsx
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>;
};
将 'Hello world' 写入 public/file.txt
tsx
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>;
};
允许文件上传
tsx
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} />;
};
允许文件上传
tsx
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} />;
};

规则​

只能在 Remotion Studio 中使用此 API。


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


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

另请参阅​