无法使用webkit目录和目录上载文件夹，而无法在Safari浏览器中使用

Question

我正在尝试使用输入类型的文件上传目录。它在GoogleChrome和FireFox中可以正常工作，但是当我在Safari浏览器中对其进行测试时，它也无法正常工作，允许用户选择单个文件。有什么方法可以限制用户选择单个文件，而只能在Safari浏览器中选择文件夹。

这是我使用的代码：

const UploadFolder = props => {
  return (
<span>
<a className="dropdown-item" href='#'>
  <i className="fa fa-cloud-upload mr-2 upload-icon" aria-hidden="true"></i>Upload Files Folder</a>
 <input type='file' onChange={(e) => { props.onFolderSelect(e) }} 
 directory="" webkitdirectory="" mozdirectory="" allowdirs="" multiple />
</span>
)
}

export default UploadFolder;

如果有人知道Safari浏览器的解决方案，请指导我。

任何帮助将不胜感激。

预先感谢