Back

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') }); });