Les meilleurs développeurs informatique freelances sont sur Codeur.com
Formulaire upload photos avec prévisualisation
Terminé · Moins de 500 € · 5 offres · 712 vues · 14 interactions
Bonjour,
J'ai un formulaire d'upload photos, le problème est que certaines photos, ceux avec l'orientation mentionné dans l'exif ne s'affichent pas dans le bon sens à la prévisualisation.
Voici mon code actuel :
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='[URL visible pour les membres Pro]'></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function(){
readURL(this);
});
});//]]>
//////////////////////////////////////////////////////////
$(window).load(function(){
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah2').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp2").change(function(){
readURL(this);
});
});
</script>
<style type="text/css">
.p_form
{
color: rgba(90, 89, 89, 0.98);
font-style: normal;
font-weight: 700;
font-size: 16px;
font-family: Lato;
}
form
{
background-color: #fff;
padding-top:20px;
}
</style>
</head>
<body>
<form method="post" action="" enctype="multipart/form-data" >
<p class="p_form"><label class="l_1">Photo n°1</label>
<input type='file' id="imgInp" value="test" name="ph1" /><br />
<img style="margin-left:315px;max-width:200px;height:auto;margin-top:5px;" id="blah" src="#" alt="" /></p>
<p class="p_form"><label class="l_1">Photo n°2</label>
<input type='file' id="imgInp2" value="test" name="ph2" /><br />
<img style="margin-left:315px;max-width:200px;height:auto;margin-top:5px;" id="blah2" src="#" alt="" /></p>
</form>
</body>
</html>
Je souhaiterais utilisé la technologie présent sur ce lien :
[URL visible pour les membres Pro]
Il faudrais l'adapter à mon code pour que toutes les photos se mettent dans le bon sens.
Bien cordialement
Budget indicatif : Moins de 500 €
Publication : 28 juin 2019 à 08h25
Profils recherchés : Développeur spécifique freelance , Intégrateur de script freelance , Développeur JavaScript freelance , Photographe freelance , Développeur jQuery freelance
5 freelances ont répondu à ce projet
5 propositions de devis en moins de 2h
Projet réalisé par Pierre Travacca
Pierre Travacca
(9 évaluations)
Chaque jour, des centaines de clients utilisent Codeur.com pour trouver un prestataire. Créez votre compte dès maintenant, remplissez votre profil et trouvez de nouveaux clients.
