Discussion :

[sp41110]

Bonjour

J ai un script qui fonctionne parfaitement sous tous les navigateurs à l'exception de Safari. Il utilise la fonction show() qui dysfonctionne sous Safari, d accord mais les deux scripts ci dessous sont construits sur la même base. L un fonctionne, l autre pas ! Pourquoi ?


Ce script foncrionne : Au clic sur une image, elle s affiche dans une autre div et affiche une autre div qui permet de la de-selectionner.

Code :

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

1
2
3
4
5
6
7
8
9
10
$('.image_galerie').click(function() {
    var test = $(this).attr('src').split('\/');
    var image_selected = test[test.length - 1];
    $("#nom_image").val(image_selected);
    $("#galerie").hide();
    $(".img-preview").html('<img src="' + $(this).attr('src') + '" width="100" height="100"/>');
    $(".img-preview").show('');
    $("#bt_delete").show();
	$("#submit_event").removeAttr("disabled");
});

Ce script ne fonctionne pas sous Safari :Il permet de telecharger une image et devrait ensuite afficher cette image dans une div et afficher la div qui permet de la de selectionner (les mêmes div que plus haut):

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
21
$("#userImage").change(function() {
        $("#userImage").hide();
        $("#error_image").hide();		
		var file = this.files[0];
        var imagefile = file.type;
        var imageTypes = ["image/jpeg", "image/png", "image/jpg"];
        if (imageTypes.indexOf(imagefile) == -1) {
            $("#error_image").show();
            $("#userImage").show();
            return false;
        } else {
            var reader = new FileReader();
            reader.onload = function(e) {
                $(".img-preview").html('<img src="' + e.target.result + '" width="100" height="100"/>');
                $(".img-preview").show();
                $("#bt_delete").show();
                $("#submit_image").show();				
            };
            reader.readAsDataURL(this.files[0]);        
		}
    });

Merci de vos eclairages parceque là, certes je suis debutant, mais je suis totalement perdu .

[Toufik83]

ton code ne fonctionne pas sous Safari, par-ce-que tu as l'erreur suivante dans la console :ReferenceError: Can't find variable: FileReader.
j'utilise Safari 5.1.7, je pense que "FileReader" n'est pas supporté que par les versions Safari supérieurs à 6.

[sp41110]

Merci de ta réponse
J ai la même version de safari...

Je vais donc essayer de detecter le click sur le input file, de l effacer une fois le fichier selectionné, de mettre le non du fichier dans un input hidden et detecter lechangement de valeur de ce contenu pour poursuivre
Je vais essayer