Ich versuche, ein soziales Netzwerk zu codieren und möchte eine Funktion zum Hochladen von Profilbildern implementieren. Ich möchte eine einfache Dateiauswahl erstellen, um die Datei im Ordner /public/profile-pictures in meinem Projekt zu speichern. Ich habe einen Client und einen Server, damit ich Axios-Anfragen von meinem Client an meinen Server senden kann. Mein Server befindet sich im Ordner /server. (Die obersten Ebenen sind also meine /src-, /server-, /public- und meine /node-modules-Ordner).
Ich habe eine funktionale Komponente wie diese:
function Edit(props) {
return (
<body>
<Helmet>
<meta charSet="utf-8" />
<title>{props.username} | Edit account</title>
</Helmet>
<Header />
<main>
<input type="file" id="file" name="file "></input>
<button onClick={/**some function */}></button>
</main>
</body>
);
}
export default Edit;
Jetzt ist meine Frage, wie ich die Datei aus der Dateiauswahl nehmen und in den Ordner /public/profile-pictures speichern kann.
Danke für die Hilfe. :D