You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.1 KiB
37 lines
1.1 KiB
import { useState } from "react";
|
|
|
|
|
|
|
|
export default function AddPicture(props) {
|
|
const [image, setImage] = useState(null);
|
|
const [createObjectURL, setCreateObjectURL] = useState(null);
|
|
|
|
const uploadToClient = (event) => {
|
|
if (event.target.files && event.target.files[0]) {
|
|
const i = event.target.files[0];
|
|
|
|
setImage(i);
|
|
setCreateObjectURL(URL.createObjectURL(i));
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="ajout-avatar">
|
|
<div>
|
|
<div className="avatar-placeholer">
|
|
<img src={createObjectURL} />
|
|
</div>
|
|
</div>
|
|
<div className="avatar-text">
|
|
<h4>Photo <span> (facultatif)</span></h4>
|
|
|
|
<p>Importer une photo.<br />format : jpg, png, pdf</p>
|
|
<div className="btn-ajout-avatar">
|
|
<input type="file" name="myImage" id="myImage" onChange={uploadToClient} />
|
|
<label className="inputfile" for="myImage">Importer une photo</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
);
|
|
} |