Antd Upload 组件设置接收 PDF 和 PNG 文件类型，以及限制电脑文件夹显示 PNG 文件

要设置只接收 PDF 和 PNG 文件，您可以使用accept属性来限制上传文件的类型。在 Antd Upload 组件中，您可以将accept属性设置为'application/pdf,image/png'，这样就只能选择 PDF 和 PNG 文件进行上传。

以下是示例代码：

import { Upload } from 'antd';

function App() {
  const onChange = (info) => {
    console.log(info.file);
  };

  return (
    <Upload accept='application/pdf,image/png' onChange={onChange}>
      <button>Select Files</button>
    </Upload>
  );
}

export default App;

在默认情况下，打开电脑文件夹时，会显示所有文件类型，无法只显示 PNG 文件。如果您希望默认只显示 PNG 文件，您可能需要自定义文件选择对话框。您可以使用beforeUpload属性来过滤其他文件类型，只允许选择 PNG 文件。

以下是示例代码：

import { Upload, Button } from 'antd';

function App() {
  const beforeUpload = (file) => {
    if (file.type !== 'image/png') {
      message.error('只允许上传 PNG 文件！');
      return false;
    }
    return true;
  };

  const onChange = (info) => {
    console.log(info.file);
  };

  return (
    <Upload beforeUpload={beforeUpload} onChange={onChange}>
      <Button>Select PNG File</Button>
    </Upload>
  );
}

export default App;

这样，打开电脑文件夹时，只会显示 PNG 文件。其他文件类型将被过滤掉。