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.
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