Salta ai contenuti

useStorageSource

Usa questo hook per accedere alla sorgente di archiviazione utilizzata nella tua applicazione FireCMS.

Ogni file caricato in FireCMS è referenziato da una stringa nella forma ${path}/${fileName}, che viene poi referenziata nella sorgente dati come valore stringa nelle proprietà che hanno una configurazione di archiviazione.

Puoi usare questo controller per caricare file e ottenere il percorso di archiviazione dove è stato salvato. Poi puoi convertire quel percorso in un URL di download.

  • uploadFile: Carica un file, specificando il file, il nome e il percorso
  • getDownloadURL: Converti un percorso di archiviazione in un URL di download
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("File caricato in:", result.path);
};
return (
<input
type="file"
onChange={(e) => {
if (e.target.files?.[0]) {
handleUpload(e.target.files[0]);
}
}}
/>
);
}