react dropzone 接受任何文件，即使是特定的文件 MIME 类型

编程问答 2022-04-24

问题描述

我正在使用 react-dropzone 在我的 React 应用程序中上传图像文件。 我已将 mime 类型定义为仅允许特定的 mime 类型，但它接受每个文件，然后出现此错误：

未处理的拒绝（类型错误）：URL.createObjectURL：参数 1 对任何 1 参数重载无效。

我在这里做错了什么？

const [imageBlobs,setimageBlobs] = useState([]);

const onDrop = useCallback(acceptedFiles => {
    setimageBlobs(acceptedFiles.map(file => Object.assign(file,{
      preview: URL.createObjectURL(file)
    })));
    output({
      imageFiles: acceptedFiles,imageBlob: URL.createObjectURL(acceptedFiles[0])
    });
},[output]);

const {
  getRootProps,getInputProps,isDragActive,isDragAccept,isDragReject
} = useDropzone({
  onDrop,accept: 'image/jpeg,image/png'
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

filefilefilereact-dropzonereactjsreactjsreactjsreactjs