Khdemti utilise des cookies pour vous garantir la meilleure expérience sur notre site Web.
ACCEPTER
LIRE PLUS
ReactJS issue with an Android
Description de projet

I have several file type inputs to upload images like this:

Field name="dni_front_image" component={UploadFile} type="file" id="uploadFront" onChange={handleFrontPreviewImage}

When a new photo is uploaded, there is an 'onChange' event to be able to preview the image before uploading it. This event is defined as follows:

handleBackPreviewImage(e) {
e.preventDefault();

let reader = new FileReader();
let file = e.target.files[0];

if (file && file.type.match('image.*')) {
reader.readAsDataURL(file);
}

reader.onloadend = () => {
this.setState({
imageBackPreviewUrl: reader.result,
backFile: file
});
}


}

Then when uploading the image on an ANDROID mobile, it returns an error like this:


app.bundle.js?v=7:52242 Uncaught TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.
at RegisterExtraBase.handleBackPreviewImage (app.bundle.js?v=7:52242)
at ConnectedField.handleChange (app.bundle.js?v=7:39886)
at Object.executeOnChange (app.bundle.js?v=7:14654)
at ReactDOMComponent._handleChange (app.bundle.js?v=7:14471)
at Object.ReactErrorUtils.invokeGuardedCallback (app.bundle.js?v=7:6928)
at executeDispatch (app.bundle.js?v=7:6713)
at Object.executeDispatchesInOrder (app.bundle.js?v=7:6736)
at executeDispatchesAndRelease (app.bundle.js?v=7:6134)
at executeDispatchesAndReleaseTopLevel (app.bundle.js?v=7:6145)
at Array.forEach ()

This error only happens when the photo is made through the camera of the mobile device, if it is done from the gallery it works correctly.

Any idea of the problem?


Compétences requises
React.js

Aidez-nous à vous mieux protéger

Nous cachons les emails / numéros de téléphones pour vous mieux protéger. Si vous souhaitez contacter quelqu'un hors du site, merci nous envoyer votre demande dans le centre de support.
ENVOYER UNE OFFRE

Vous cherchez à gagner de l'argent ?

  • Fixez votre TJM et les délais
  • Décrivez votre offre
  • Faites-vous payer pour votre travail
APPEL D'OFFRES DES prestataires (5)

A PHP Error was encountered

Severity: Notice

Message: Undefined variable: commentStatus

Filename: files/projet_view.php

Line Number: 344

Ouafa Z.
0.0 Marrakech, Morocco
Montant privé
Durée privée
Hicham E.
0.0 Rabat, Morocco
CV 
Montant privé
Durée privée
Montant privé
Durée privée
Web T.
0.0 Casablanca, Morocco
Montant privé
Durée privée
Sneh G.
0.0 Paris, France
Montant privé
Durée privée
150 - 500
Budget
----
Moyenne des offres
1 jours
Durée de la mission
MISSION OUVERTE
Développement Mobile
Projet sur place
5 offres reçues
1086 vues
Cataluna, Spain
LE PORTEUR DE PROJET
Sté. Perception
0.0
Cataluna, Spain
Soumettre un projet similaire
  • Publication 100% gratuite
  • Recevez 10 devis en moyenne
  • Aucune commission à payer
Ajouter une mission
Centre de support