如何显示存储在Types.File中的KeystoneJS缩略图/预览图像？和模式url与publicPath

npm install sharp multer

const { Keystone } = require('@keystonejs/keystone');
const { File, Text } = require('@keystonejs/fields');

const keystone = new Keystone(/* ... */);

keystone.createList('Image', {
  fields: {
    thumbnail: {
      type: File,
      adapter: keystone.createAdapter(),
      isRequired: true,
      hooks: {
        beforeChange: async ({ existingItem }) => {
          if (existingItem && existingItem.thumbnail) {
            // 删除旧的缩略图
            await keystone.adapters.DefaultFileAdapter.delete(existingItem.thumbnail);
          }
        },
      },
    },
    // 其他字段...
  },
});

const thumbnailUrl = image.fields.thumbnail.publicPath;

<img src="{{ thumbnailUrl }}" alt="Thumbnail">