Les meilleurs développeurs informatique freelances sont sur Codeur.com
Terminé·Moins de 500 €·5 offres·589 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 T.
Votre navigateur Web n’est plus à jour. Il ne permet pas d’afficher correctement le site Codeur.com.
Nous vous invitons à mettre à jour votre navigateur ou à utiliser un autre navigateur plus récent.