Upload image in react js
Copy Below Code
View As A Text File
Show Text Only
Show API
Edit Code
=== HTML===
<input type="file" onChange={e=>setImage(e.target.files[0])} placeholder="" />
== JS ==
const [image,setImage]=useState('');
formData.append('image', image);
const url = apiUrl+'api/update-profile';
const headers = {
Authorization : 'Bearer '+userAccessToken,
'Content-Type': 'multipart/form-data',
'Accept': 'application/json',
}
axios.post(url, formData,{headers:headers}) // first Method
.then(res => {
console.log(res);
console.log(res.data);
if(res.data.status == 'success'){
swal('Success',res.data.message,'success');
// this.setState({name:'',email:'',phone:''});
}
})
.catch((xhr) => {
console.log(xhr.response.data);
console.log(xhr.response.data.errors);
let errors = xhr.response.data.errors;
Object.keys(errors).map(key => {
console.log(errors[key][0]);
swal('Error',errors[key][0],'error')
});
});