如何解决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 举报,一经查实,本站将立刻删除。