React：如何访问上传的 har 文件的原始数据

问题描述

我想要做的是上传一个 har（HTTP 存档）文件，将其转换为我自己的 JavaScript 对象，然后转换该 JavaScript 对象 strong> 到我保存在本地的新 JSON 文件 中，以便我可以看到我的转换工作（与 transform.js 文件相同的文件夹应该很方便）

这是input.js：

//other imports
import {transform} from "../transform"

export default class input extends React.Component {

    constructor(props){
        super(props);
        this.handleSubmit = this.handleSubmit.bind(this);
        this.fileInput = React.createRef();
    }

    handleSubmit(event) {
        event.preventDefault();
        transform(this.fileInput.current.files[0]);//function call works properly
    }

    render(){
        return (   
            <div >
                <Navbar/>
                <Grid>
                    <div style={{paddingTop: 100,paddingLeft:650}}>
                        <form onSubmit={this.handleSubmit}>
                            <label>
                                Choose har file: 
                                <input type="file" ref={this.fileInput} />
                            </label>
                            <br />
                            <button type="submit">Submit</button>
                        </form>
                    </div>
                </Grid>
            </div>
        )
    }
}

这是transform.js

//Remove the unwanted sensitive data and build the new filteredHarObj
export const transform = (oldobj)=>{

    console.log(oldobj);//Here I see the file but I cannot access the original data

    const harObj = JSON.parse(oldobj);//If I do something like this I get an error,I suppose this IS 
                                      //NOT the original har file that I uploaded that I Could simply 
                                      //parse
    //here do transform
}

当我调用 transform 时，它被正确调用。该文件作为参数正确传递，我可以在 transform 函数中看到它。问题是我想要它的原始数据（原始 json 结构），所以我可以把它变成一个 javascript 对象。我如何访问它？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）