Discussion :

[ouldfella]

Bonjour,
j'ai uploadé une image sur le serveur en ajax
et je cherche une méthode pour l'afficher sur le navigateur sans utiliser :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

move_uploaded_file($_FILES['displayImg']['tmp_name'][0], $uploafile)

apartir d'un répertoire c'est possible
mais moi je veux mettre les données de l'image dans une variable comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo "<img src='".$image."'  />";

[toulousain3117]

tu as enregistré l'adresse de l'image dans la BDD ?

[ABCIWEB]

Salut

Si tu l'upload dans un répertoire pourquoi ne pas donner l'adresse de l'image dans ce répertoire ?

Sinon il faut utiliser javascript pour faire afficher l'image à partir du navigateur et dans ce cas cela permet même de l'afficher avant ou durant l'upload.

Si besoin dans l'ardoise sous mon login (ou dans ma signature), le premier lien est un script d'upload ajax qui permet entre autre de faire afficher les images (j'utilise FileReader()).

[ouldfella]

merci pour votre réponse au fait j'ai trouvé la solution en jquery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(function () {
            $("#displayImg").change(function () {
                $("#message").empty(); // To remove the previous error message
                var file = this.files[0];
                var imagefile = file.type;
                var match = ["image/jpeg", "image/png", "image/jpg"];
                if (!((imagefile == match[0]) || (imagefile == match[1]) || (imagefile == match[2])))
                {
                    $('#previewing').attr('src', 'noimage.png');
                    $("#message").html("<p id='error'>Please Select A valid Image File</p>" + "<h4>Note</h4>" + "<span id='error_message'>Only jpeg, jpg and png Images type allowed</span>");
                    return false;
                }
                else
                {
                    var reader = new FileReader();
                    reader.onload = imageIsLoaded;
                    reader.readAsDataURL(this.files[0]);
                }
            });
        });

[ABCIWEB]

Petite remarque : il ne te sert à rien de faire un tableau pour les extensions autorisées si c'est ensuite pour tester manuellement tous ses éléments. Tu aurais aussi vite fait de ne pas faire de tableau et simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (!(imagefile == "image/jpeg" || imagefile == "image/png" || imagefile == "image/jpg"))

Ou si tu veux absolument utiliser un tableau (parfois c'est bien pratique) alors étant donné que tu utilise jquery tu peux utiliser la fonction inArray. Cela te permettra de changer/compléter ton tableau sans avoir rien d'autre à modifier dans ton code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
if ($.inArray(imagefile, match) == -1)
{
    //...
    return false;
}