用 TS 实现一个基本的文件上传

import React from 'react';
import axios from 'axios';


function App() {
  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const files = e.target.files
    if (files) {
      const uploadedFile = files[0]
      const formData = new FormData()
      formData.append(uploadedFile.name, uploadedFile)

      const url = 'http://jsonplaceholder.typicode.com/posts'
      axios.post(url, formData, {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }).then((res) => {
        console.log(res)        
      })
    }
  }

  return (
    <div className="App">
      <input type="file" name="muFile" onChange={handleFileChange} />
    </div >
  );
}

export default App;