Spaces:
Runtime error
Runtime error
File size: 1,164 Bytes
0192143 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
// src/App.js
import React, { useState } from 'react';
import axios from 'axios';
function App() {
const [generatedCaption, setGeneratedCaption] = useState('');
const [audioPath, setAudioPath] = useState('');
const handleImageUpload = async (event) => {
const formData = new FormData();
formData.append('image', event.target.files[0]);
try {
// ทำ HTTP request ไปยัง Flask API
const response = await axios.post('/generate_caption', formData);
// Extract ข้อมูลจาก response
const { generated_caption, audio_path } = response.data;
// ใช้ข้อมูลที่ได้จาก Flask API
setGeneratedCaption(generated_caption);
setAudioPath(audio_path);
} catch (error) {
console.error('Error uploading image:', error);
}
};
return (
<div>
<input type="file" onChange={handleImageUpload} />
<p>Generated Caption: {generatedCaption}</p>
<audio controls src={audioPath} />
</div>
);
}
export default App;
|