ReactJS issue with an Android
Description du projet
Ajouter une offre

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 budget et les délais
  • Décrivez votre offre
  • Faites-vous payer pour votre travail
APPEL D'OFFRES DES prestataires (3)

A PHP Error was encountered

Severity: Notice

Message: Undefined variable: commentStatus

Filename: files/projet_view.php

Line Number: 317

Ouafa Z. il y a 3 mois
0.0 Marrakech, Morocco
Montant privé
Durée privée
Hicham E. il y a 3 mois
0.0 Rabat, Morocco
Montant privé
Durée privée
Jhon M. il y a 1 mois
0.0 Berlin, Germany
Montant privé
Durée privée
15 - 50 $
Budget proposé
49 $
Moyenne des offres
1 Jours
Durée proposée
CARTE DU PROJET
MISSION OUVERTE
Développement Mobile
Projet sur place
3 offres reçues
Publié, il y a 3 mois
137 vues
LE PORTEUR DE PROJET
Sté. Perception
0.0
Développement Web
Cataluna, Spain
Soumettre un projet similaire
  • Publication 100% gratuite
  • Recevez 10 devis en moyenne
  • Aucune commission à payer
NOUVEAU PROJET
Centre de support