时间戳

首页 > 解决方案 > 如何通过在 React JS 中浏览来读取 xml 文件

reactjs - 如何通过在 React JS 中浏览来读取 xml 文件

问题描述

我正在尝试通过使用输入浏览本地机器来读取 XML 文件。

这是我的代码

import React from "react";
import "./App.css";
import * as fs from "fs";
var parseString = require("xml2js").parseString;
const fileToParse =
  "file:///Users/apple/Documents/Project assignments/NewCCD/Ahmed.xml";
function App() {
  const getPath = (e) => {
    fs.readFile(fileToParse, function (err, data) {
      parseString(data, function (err, result) {
        console.log(result);
      });
    });
  };

return (
    <div>
      <input type="file" title="Browse" onChange={getPath} />
    </div>
  );
}

在这里，我使用的确切路径仍然无法读取文件并出现此错误。

类型错误：fs__WEBPACK_IMPORTED_MODULE_3__.readFile 不是函数

标签： reactjsxmlreact-nativefsxml2js

解决方案

fs可以在 Node 环境中使用，而不是在客户端 React 应用程序中使用。您可以使用 webpack 加载器来读取 xml 文件（例如xml-loader）。

推荐阅读