| import React, { useRef, useState } from 'react'; |
| import axios from 'axios'; |
| const SimpleUploader = () => { |
| const fileInputRef = useRef(null); |
| const [message, setMessage] = useState(''); |
| const handleUpload = async () => { |
| const file = fileInputRef.current?.files[0]; |
| console.log('[handleUpload] file:', file); |
| const formData = new FormData(); |
| formData.append('file', file); |
| const response = await axios.post('/seeds/upload', formData, { |
| headers: { 'Content-Type': 'multipart/form-data' }, |
| console.log('[handleUpload] response:', response); |
| setMessage(response.data?.msg || '上传成功'); |
| console.error('[handleUpload] 上传失败:', err); |
| <div style={{ padding: '2rem' }}> |
| <input type="file" accept=".torrent" ref={fileInputRef} /> |
| <button onClick={handleUpload} style={{ marginLeft: '1rem' }}> |
| <div style={{ marginTop: '1rem' }}>{message}</div> |
| export default SimpleUploader; |