Spaces:
Runtime error
Runtime error
Delete react.js
Browse files
react.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
| 1 |
-
// src/App.js
|
| 2 |
-
import React, { useState } from 'react';
|
| 3 |
-
import axios from 'axios';
|
| 4 |
-
|
| 5 |
-
function App() {
|
| 6 |
-
const [generatedCaption, setGeneratedCaption] = useState('');
|
| 7 |
-
const [audioPath, setAudioPath] = useState('');
|
| 8 |
-
|
| 9 |
-
const handleImageUpload = async (event) => {
|
| 10 |
-
const formData = new FormData();
|
| 11 |
-
formData.append('image', event.target.files[0]);
|
| 12 |
-
|
| 13 |
-
try {
|
| 14 |
-
const response = await axios.post('http://localhost:5000/generate_caption', formData);
|
| 15 |
-
setGeneratedCaption(response.data.generated_caption);
|
| 16 |
-
setAudioPath(response.data.audio_path);
|
| 17 |
-
} catch (error) {
|
| 18 |
-
console.error('Error uploading image:', error);
|
| 19 |
-
}
|
| 20 |
-
};
|
| 21 |
-
|
| 22 |
-
return (
|
| 23 |
-
<div>
|
| 24 |
-
<input type="file" onChange={handleImageUpload} />
|
| 25 |
-
<p>Generated Caption: {generatedCaption}</p>
|
| 26 |
-
<audio controls src={`http://localhost:5000/${audioPath}`} />
|
| 27 |
-
</div>
|
| 28 |
-
);
|
| 29 |
-
}
|
| 30 |
-
|
| 31 |
-
export default App;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|