Relier l’upload d’image à votre API

L’éditeur vous laisse choisir comment les images sont stockées. Votre application fournit une fonction uploadImage, puis renvoie simplement l’URL finale du fichier.

import type { NfzEditorImageUpload } from '@vevedh/nfz-notion-markdown-editor/types'

export const uploadImage: NfzEditorImageUpload = async (payload) => {
  const response = await $fetch<{ url: string }>('/api/media', {
    method: 'POST',
    body: {
      fileName: payload.fileName,
      mimeType: payload.mimeType,
      dataUrl: payload.dataUrl
    }
  })

  return { url: response.url }
}

Dans une application de production, préférez FormData ou un upload direct vers une route serveur plutôt qu’un gros dataUrl en JSON. Le serveur doit toujours vérifier le type MIME, la taille et le contenu du fichier avant de l’accepter.