filepond-plugin-image-size-metadata 配置

Question

希望你一切都好，只是想知道是否有人成功设置了 filepond 图像大小元数据插件。

https://github.com/yoldar/filepond-plugin-image-size-metadata

文档，有些欠缺，目前我已经将allowImageSizeMetadata设置为FilePond组件的参数：

<FilePond
name={file}
files={file}
allowMultiple={false}
allowImageSizeMetadata={true}
server={null}                
instantUpload={false}
onupdatefiles={(fileItems) => onFileChange(fileItems)}
/>

我已经在文件顶部这样导入：

import { FilePond, registerPlugin } from 'react-filepond';

import 'filepond/dist/filepond.min.css';

import FilePondPluginImageSizeMetaData from 'filepond-plugin-image-size-metadata';
import FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation';
import FilePondPluginImagePreview from 'filepond-plugin-image-preview';
import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css';

但是当我在控制台中注销输出时，我没有看到任何额外的东西，我认为我应该像宽度和高度元数据一样。

谁能看到我可能遗漏的东西？

谢谢

Answer 1

我认为你需要注册它。

请参阅image preview plugin docs 中的代码 sn-p。

import * as FilePond from 'filepond';
import FilePondPluginImagePreview from 'filepond-plugin-image-preview';
import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css';

// Register the plugin <- this call
FilePond.registerPlugin(FilePondPluginImagePreview);