captureFile(event) {
event.preventDefault()
const file = event.target.files[0]
const reader = new window.FileReader()
reader.readAsArrayBuffer(file)
reader.onloadend = () => {
this.setState({ buffer: Buffer(reader.result) })
console.log('buffer', this.state.buffer)
}
}
onSubmit(event){
event.preventDefault()
console.log("on submit......")
ipfs.default.files.add(this.state.buffer,(err, result)=>{
if(err){
console.err("belp")
return
}
this.setState({ipfshash:result[0].hash})
console.log("ipfshash",this.state.ipfshash)
}) //api installed accessed in header
}
render() {
if (!this.state.web3) {
return <div>Loading Web3, accounts, and contract...</div>;
}
return (
<div className="App">
<h1>IPFS UPLOADER DAPP!</h1>
<p>THIS IMAGE IS STORED IN IPFS.</p>
<img src ="" alt=""/>
<h2>upload image:</h2>
<form onSubmit={this.onSubmit} >
<input type='file' onChange={this.captureFile}/>
<input type='submit'/>
</form>
What error are you seeing for this line?