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中的代码片段。

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);