Input file sur mobile device [Résolu]

Signaler
-
 Al1 -
Bonjour,

Bonsoir,

Mon problème étant le suivant :

Mes inputs file personnalisés se lance sur PC mais reste inactifs sur smartphone
  <div class="yes">
    <span class="btn_upload">
      <input type="file" name="files[]" id="imag" title="" class="input-img"/>
      
      </span>
    <img id="ImgPreview" src="" class="preview1" />
    <input type="button" id="removeImage1" value="x" class="btn-rmv1" />
  </div>

  <div class="yes">
    <span class="btn_upload2">
      <input type="file" id="imag2" name="files[]" title="" />
      
      </span>
    <img id="ImgPreview2" src="" class="preview2" />
    <input type="button" id="removeImage2" value="x" class="btn-rmv2" />
  </div>


avec mon js

function readURL(input, imgControlName) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function(e) {
      $(imgControlName).attr('src', e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
  }
}

$("#imag").change(function() {
  // add your logic to decide which image control you'll use
  var imgControlName = "#ImgPreview";
  readURL(this, imgControlName);
  $('.preview1').addClass('it');
  $('.btn-rmv1').addClass('rmv');
});
$("#imag2").change(function() {
  // add your logic to decide which image control you'll use
  var imgControlName = "#ImgPreview2";
  readURL(this, imgControlName);
  $('.preview2').addClass('it');
  $('.btn-rmv2').addClass('rmv');
});


Je creuse mais ne trouve pas de solution, à noter que les inputs ont un name similaire pour le traitement en php.

Merci d'avance

1 réponse

Je me suis peut-être mal exprimé, en cliquant sur l'image pour ouvrir l'explorateur de fichier, aucun soucis sur pc mais pas d'explorateur de fichiers sur smartphone

source du custom input : https://codepen.io/syaaoo/pen/PWJvZa