小编Cer*_*rix的帖子

ReferenceError:Next.js 中未定义 FileReader

我正在尝试使用该/app文件夹的 Next.js 13 的新功能,但在处理输入表单的简单客户端组件中,我尝试使用FileReader但在浏览时收到错误。

这是代码的摘要:

"use client";
import React, { useState, useEffect } from "react";
import { useRouter } from "next/navigation";
import useStore from "../app/store";

export default function FileUploader() {
  const [files, setFiles] = useState([]);
  const router = useRouter();
  const addFile = useStore((state) => state.addFile);

  const fileReader = new FileReader();

  const onFileSelect = (event) => {
    event.preventDefault();
    setFiles(event.target.files);
    console.log(event.target.files);
  };

  useEffect(() => {
    if (files[0] == null) return;
    let FileToString = fileReader.readAsText(files[0]); // get error at …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js

6
推荐指数
1
解决办法
5742
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1