Это код React:
import React, { ChangeEvent, useState } из "react" const FileUpload: React.FC = () => { const [selectedFile, setFile] = useState(ноль); const HandleAudioChange = (event:ChangeEvent) => { константный файл: Файл | ноль = event.target.files?.[0] || нулевой; setFile(файл) // console.log("Выбранный файл", файл) } const UploadAudio = () => { если (выбранный файл) { const formData: FormData = новые FormData(); formData.append('файл',selectedFile) выборка('http://127.0.0.1:5000/upload', { метод: 'POST', тело: данные формы, }).then(res => res.json()) .then(данные => { console.log("Ответ сервера", данные) }) .catch(ошибка => { console.error("Это ошибка", error); }) .finally(() => { console.log("Файл загружен") }) } } возвращаться ( ) } экспортировать FileUpload по умолчанию а это код сервера Python:
из фляги импорта Flask, запрос, jsonify из flask_cors импортировать CORS приложение = Колба(__name__) КОРС (приложение) @app.route("/upload", методы = ["GET", "POST"]) защита upload_audio(): пытаться: audio_file = request.files["файл"] # Обработка аудиофайла по мере необходимости # Например, сохранить на диск или выполнить анализ return jsonify({"status": "success", "message": "Аудио получено успешно"}) кроме KeyError: вернуть jsonify( { "статус": "ошибка", "message": "Аудиофайл не получен", } ) если __name__ == "__main__": app.run(отладка=Истина) Если вы можете мне помочь, я буду очень признателен! Аудиофайл загружается и отображается в консоли
Я пытался получить аудиофайл с сервера, но файлы не получены
Это ответ Python:
