import React from "react";
class App extends React.Component {
state = {
file: null,
base64URL: ""
};
getBase64 = file => {
return new Promise(resolve => {
let fileInfo;
let baseURL = "";
// Make new FileReader
let reader = new FileReader();
// Convert the file to base64 text
reader.readAsDataURL(file);
// on reader load somthing...
reader.onload = () => {
// Make a fileInfo Object
console.log("Called", reader);
baseURL = reader.result;
console.log(baseURL);
resolve(baseURL);
};
console.log(fileInfo);
});
};
handleFileInputChange = e => {
console.log(e.target.files[0]);
let { file } = this.state;
file = e.target.files[0];
this.getBase64(file)
.then(result => {
file["base64"] = result;
console.log("File Is", file);
this.setState({
base64URL: result,
file
});
})
.catch(err => {
console.log(err);
});
_
this.setState({
file: e.target.files[0]
});
};
render() {
return (
<div>
<input type="file" name="file" onChange={this.handleFileInputChange} />
</div>
);
}
}
export default App;_
The Future of AI, LLMs, and Observability on Google Cloud
Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (0)