useStorageSource

Utilisez ce hook pour accéder à la source de stockage utilisée dans votre application FireCMS.

Chaque fichier téléversé dans FireCMS est référencé par une chaîne de la forme ${path}/${fileName}, qui est ensuite référencée dans la source de données comme valeur de chaîne dans les propriétés ayant une configuration de stockage.

Vous pouvez utiliser ce contrôleur pour téléverser des fichiers et obtenir le chemin de stockage où il a été enregistré. Ensuite, vous pouvez convertir ce chemin de stockage en URL de téléchargement.

Note

Veuillez noter que pour utiliser ce hook, vous devez être dans un composant (vous ne pouvez pas l’utiliser directement depuis une fonction callback).

Méthodes disponibles

• uploadFile : Téléverser un fichier, en spécifiant le fichier, le nom et le chemin
• getDownloadURL : Convertir un chemin de stockage en URL de téléchargement

Exemple

import React from "react";
import { useStorageSource } from "@firecms/core";
import { Button } from "@firecms/ui";

export function FileUploader() {
    const storageSource = useStorageSource();

    const handleUpload = async (file: File) => {
        const result = await storageSource.uploadFile({
            file,
            fileName: file.name,
            path: "uploads",
        });
        console.log("Fichier téléversé vers :", result.path);
    };

    return (
        <input
            type="file"
            onChange={(e) => {
                if (e.target.files?.[0]) {
                    handleUpload(e.target.files[0]);
                }
            }}
        />
    );
}