模型绑定器IsMultiPartContent总是返回false。如何使用react上传文件

npm install react-dropzone

import React, { useState } from 'react';
import Dropzone from 'react-dropzone';

const FileUpload = () => {
  const [selectedFile, setSelectedFile] = useState(null);

  const handleFileUpload = (acceptedFiles) => {
    // 处理文件上传逻辑，可以使用fetch或axios发送文件到服务器
    const file = acceptedFiles[0];
    setSelectedFile(file);
    // 发送文件到服务器的代码
  };

  return (
    <div>
      <Dropzone onDrop={handleFileUpload}>
        {({ getRootProps, getInputProps }) => (
          <div {...getRootProps()}>
            <input {...getInputProps()} />
            <p>将文件拖放到此处，或点击选择文件</p>
          </div>
        )}
      </Dropzone>
      {selectedFile && <p>已选择文件: {selectedFile.name}</p>}
    </div>
  );
};

export default FileUpload;

import React from 'react';
import FileUpload from './FileUpload';

const App = () => {
  return (
    <div>
      <h1>文件上传示例</h1>
      <FileUpload />
    </div>
  );
};

export default App;