Je construis un formulaire de vérification de CV et je voudrais montrer le nom de fichiers téléchargés après avoir obtenu le téléchargement. J'ai un gestionnaire tinchange pour le moment où le fichier téléchargé est modifié, mais lorsque j'essaie de lire les propriétés de l'événement, cible spécifiquement comme c'est là que je lis mon infor devrait être, il revient comme null.
Ceci est mon téléchargeur d'entrée de fichier: et c'est mon gestionnaire:
3 Réponses :
Ceci fonctionne.
const handleFileUpload = file => {
console.log("This is the file");
console.log(file.target.files[0]);
};
Il est toujours conseillé de créer un lien vers des documents officiels au lieu d'un site Web au hasard.
the Fichier téléchargé est dans le Fichiers Array de la cible.
const handleFileUpload = file => {
console.log("This is the file");
// array of files with the following properties
// name, type, lastModified , size
console.log(file.target.files);
};
Pour accéder à toutes les propriétés du fichier.
const [filesState, setFilesState] = React.useState([]);
return (
<>
<input
type="file"
name="file-upload"
onChange={e => {
setFilesState(e.target.files);
}}
/>
<br />
{Array.from(filesState).map((file, index) => {
return (
<div key={index}>
<p>Name: {file.name}</p>
<p>Type: {file.type}</p>
<p>Size: {Number(file.size / 1000).toFixed(2)} KB</p>
</div>
);
})}
</>
);
event.target.file au lieu de simplement fichier