无法在filepond中查看图像预览

// 引入FilePond的CSS和JavaScript文件
<link href="path/to/filepond.min.css" rel="stylesheet">
<script src="path/to/filepond.min.js"></script>

// 引入图像预览插件
<script src="path/to/filepond-plugin-image-preview.min.js"></script>

// 初始化FilePond实例
FilePond.create({
    container: document.querySelector('.filepond'),
    plugins: [
        FilePondPluginImagePreview()
    ]
});

FilePond.create({
    container: document.querySelector('.filepond'),
    allowMultiple: true,
    maxFiles: 3,
    server: {
        url: '/upload',
        headers: {
            'X-CSRF-Token': 'your-token'
        },
        onprocessfile: (error, file) => {
            console.log('文件已上传', file.serverId);
        }
    },
    types: [
        { name: 'image', maxFileSize: '10MB', acceptedFileTypes: ['image/jpeg', 'image/png'] }
    ]
});