如何通过在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,result) {
        console.log(result);
      });
    });
  };

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

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

TypeError：fs__WEBPACK_IMPORTED_MODULE_3 __。readFile不是函数

解决方法

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