Volontiers :
Note : Vivement
l'HTML 5 qui permet ce genre de chose
Je n'ai pas testé ce que je vais te dire donc j'aimerais bien avoir ton retour la dessus. Et au passage je veux bien t'aider au fur et à mesure :
1. Dans ton formulaire tu crée un bouton d'upload et une div vide d'id par exemple "preview" ;
2. une fois l'image choisi par le client, tu fais une soumission du formulaire en Ajax. Coté php tu récup ton image tu la convertis en base64 et tu la renvois au javascript :
Code PHP :
<?php
if($_FILES['monimage']['size'] > 0)
{
$tmpName = $_FILES['monimage']['tmp_name'];
$fp = fopen($tmpName, 'r');
$content = fread($fp, filesize($tmpName));
fclose($fp);
echo base64_encode($content);
}
?>Quand tu récup le retour de l'ajax tu as donc une chaine base64 qui contient l'image.
Il suffit maintenant de la mettre en background de ta div "preview" :
Code :
background-image:url(data:image/png;base64,");
_________________________________
Min iPomme