Upload Collection URL Field

paritypete2 years ago

2

• 

  notchr2 years ago

  @1018604694987346012

  URL is the common property name for uploads

  
  
  

  Wouldn't it be easier to map it to src?

  
  
  

  Or create a duplicate field that copies the value to a prop named src

• 

  paritypete2 years ago

  @1049775120559898725

  Yes I would like to map the current "url" property to a "src" property. How would I do that? I'm not sure how to modify the data that gets exposed by the upload field.

  
  
  

  My current "videoUrl" field looks like:

  
  { name: 'videoUrl', label: 'Video URL', type: 'upload', relationTo: 'media', },
  
  

  And the Media collection is:

  
  export const Media: CollectionConfig = { slug: 'media', upload: { disableLocalStorage: true, staticDir: path.resolve(__dirname, '../../media'), adminThumbnail: ({ doc }) =>

  ${process.env.NEXT_PUBLIC_S3_ENDPOINT}/${process.env.NEXT_PUBLIC_S3_BUCKET}/${doc.filename}

  , }, access: { read: () => true, }, fields: [ { name: 'alt', type: 'text', required: true, }, ] }
  
  

  If it's not easy to do in payload then yes I can simply fix it in my react components... it's just a matter of making this change in potentially hundreds of places... if it's easy to change in payload then I'd rather change it in payload. Thanks!

  
  
  

  For anyone who might find this question, I found I was able to add a

  src

  property using an

  afterRead

  hook:

  
  
  

  hooks: {
      afterRead: [
          async ({ doc }) => {
              return {
                  ...doc,
                  src: doc.url,
              };
          },
      ],
  },