S3 & Hashing Filenames

[worthy marsh]

I am currently hashing filenames using a beforeOperation hook in order to rewrite the filename during upload. This ensures files stored in S3 don't retain their original filename, and their URLs reflect this.

However one side effect is the labelling of the file within Payload CMS. As part of the hook, I capture the original filename and store it in a field on the document, and can use this as the title in the collection's List view, but the Upload field component always displays the filename.

Does anyone have any suggestions for how to have hashed filenames, but also ensure a good editing experience? Would be great if the Upload field had an admin.filenameField that let you specify a field to override, but maybe there's a simpler solution I'm not seeing.

Thanks!

[scenic hound]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• What is Payload? - Use Cases - Headless CMS
• Installation - Adding to an existing app - Related Guides
• Uploads - Disabling Local Upload Storage
• Join Field
• Storage Adapters - Payload Access Control

[radiant grove]

One thing that you can do is having a title field in your collection and then use that for the useAsTitle prop. This will show the title of the image in the relationship fields:

fields: [
    {
      name: 'title',
      type: 'text',
      admin: {
        description: 'For internal use only',
      },
      required: true,
    },
  ],
  admin: {
    useAsTitle: 'title',
    defaultColumns: ['filename', 'title', 'updatedAt', 'createdAt'],
  },

[worthy marsh]

Thanks, I was actually already doing that but the upload field still displays the filename field

[inner raven]

I think easiest approach will be to make custom upload field, copy over payload implementation of this field (from packages/ui/src/fields - somewhere here), and adjust to show your custom title

[worthy marsh]

yeah good call, i thought about doing that but wanted to ask here first in case there was something even easier

will give that a shot instead!