Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

DOM PARCOURIR LES RÉPERTOIRES ET FICHIERS EN LOCAL (EXCLUSIF : IE)


Information sur la source

Catégorie :Navigation Classé sous : parcourir, répertoire, fichiers, locale, image Niveau : Initié Date de création : 04/08/2008 Date de mise à jour : 04/08/2008 17:50:36 Vu / téléchargé: 2 894 / 226

Note :
10 / 10 - par 1 personne
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note


Description

Cliquez pour voir la capture en taille normale
Ce sript n'a pas de fonction particulière, à la base il s'agit d'un projet personnel dont l'objectif était de pouvoir faire du multi-upload en parcourant les répertoires et les fichiers images sur la machine local du client (le client aurait pu alors par une simple case à cocher, sélectionner les fichiers à uploader). Malheureusement (ou heureusement c'est selon le point de vue) pour des raisons de sécurité, il n'est pas possible d'assigner à un input de type file une valeur.

Je vous livre donc ici mon travail, c'est mon premier javascript entièrement DOM.

Vos commentaires sont les bienvenus.
Attention, pour faire fonctionner ce script il faut accepter l'utilisation d'ActiveX (Scripting.FileSystemObject).
Autre petite particularité du script, la possibilité d'afficher une image se trouvant sur la machine local.
 

Source

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • <html xmlns="http://www.w3.org/1999/xhtml">
  • <head>
  • <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  • <link rel="stylesheet" href="css/bf.css" type="text/css" />
  • <title>Browse files images</title>
  • <script type="text/javascript" src="scripts/bf.js"></script>
  • </head>
  • <body>
  • <div id="BrowseFile"></div>
  • <script type="text/javascript">
  • bf();
  • </script>
  • </body>
  • </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/bf.css" type="text/css" />
<title>Browse files images</title>
<script type="text/javascript" src="scripts/bf.js"></script>
</head>
<body>
<div id="BrowseFile"></div>
<script type="text/javascript">
	bf();
</script>
</body>
</html>

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

04 août 2008 17:50:37 :
J'ai commenté un maximum le code, donc vous devriez vous y retrouver assez facilement.

Commentaires et avis

signaler à un administrateur
Commentaire de lakichemole le 05/08/2008 10:21:15

"Autre petite particularité du script, la possibilité d'afficher une image se trouvant sur la machine local".
En gros on peut récupérer tout le contenu du pc du client avec la requête ajax qui va bien ?

signaler à un administrateur
Commentaire de nickadele le 05/08/2008 10:45:01 administrateur CS

Lakichemole,

on pourrait non :
"Malheureusement (ou heureusement c'est selon le point de vue) pour des raisons de sécurité, il n'est pas possible d'assigner à un input de type file une valeur".

on pourrait oui :
la solution serait que tu lis le contenu d'un fichier et que tu l'envoies via un textarea.

Safari permet d'assigner à un input de type file une valeur, mais il affiche un message d'alert au client lui demandant s'il autorise ou non cette action !

Nickadele

signaler à un administrateur
Commentaire de nickadele le 05/08/2008 10:49:40 administrateur CS

Concernant l'affichage de l'image, il s'agit en fait d'une astuce, voir post : http://www.javascriptfr.com/infomsg_AFFICHER-IMAGE-LOCALE_1181607.aspx#12

Nickadele

signaler à un administrateur
Commentaire de lakichemole le 05/08/2008 10:58:42

J'ai bien compris pour le input file (j'avais fait des tests à une époque :)) je parlais d'ajax, genre vu que tu as ton image dans ta page j'imagine qu'avec un peu de javascript et un HTTPRequest (ajax donc) tu peu envoyer le contenu de cette image à ton serveur et par la même astuce envoyer d'autre fichiers que des images? (ce ne serais pas un troue de sécurité vu que c'est un activx)

signaler à un administrateur
Commentaire de nickadele le 05/08/2008 12:35:21 administrateur CS

En quelques sorte je dirait oui, mais vu que l'utilisateur a accepté l'utilisation de l'ActiveX il sait les risques qu'il court.
D'autre part je pense que tu es limité dans la taille d'un textarea si c'est à ça que tu penses.

signaler à un administrateur
Commentaire de lakichemole le 05/08/2008 13:37:23

Oui tout a fait c'est pour cela que je dis que sa ne déroge pas au règle de sécurité, et sinon oui via un textaera ou autre contenu d'une div, fichier xml...

signaler à un administrateur
Commentaire de bultez le 06/08/2008 06:16:35

réellement très bien.
tu pourrais le rendre "quasi compatible" avec FireFox en utilisant
Components.classes["@mozilla.org/file/local;1"].
createInstance(Components.interfaces.nsILocalFile);
sauf l'affichage des images !
@+

signaler à un administrateur
Commentaire de nickadele le 06/08/2008 10:00:33 administrateur CS

Bultez,

Merci!
Je vais étudier ces composants et je mettrai à jour pour une version 2.0.

signaler à un administrateur
Commentaire de lakichemole le 06/08/2008 10:10:18 10/10

Je viens de voir le code très bien commenté :) je t'avais pas mis de note alors comme ça c'est fait:)

signaler à un administrateur
Commentaire de plarts le 13/08/2008 17:46:18

Ok, très bien,
mais avec VISTA, je dois mettre la sécurité au niveau le plus bas pour autoriser l'activeX, est ce normal ?
Avec WindowsXP, il damnde l'autorisation dans une barre jaune en haut.
Merci pour votre réponse sur VISTA.
Pierre.

signaler à un administrateur
Commentaire de nickadele le 14/08/2008 10:29:33 administrateur CS

@PLARTS >> je n'ai pas eu l'occasion de tester sous Vista, mais sous XP il suffit de mettre sur "Activer" ou sur "Demander" dans les options de sécurité : "Contrôles d'initialisation et de script ActiveX non marqués comme sécurisés pour l'écriture de scripts".
Donc pas besoin de mettre tout le niveau de sécurité au plus bas !
Je suppose que ça doit être également possible sous Vista.

signaler à un administrateur
Commentaire de bultez le 14/08/2008 12:30:00

ou alors, comme c'est une application locale,
renommer index.html en index.hta et double cliquer
dessus pour lancer/exécuter.          @+

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

menu déroulant et liste de fichiers [ par maitrekanter59 ] bonjour,je voudrais créer un menu déroulant dans lequel on trouve la liste des fichiers d'un répertoire. le truc c que qd on supprime un fichier du ré Parcourir une image [ par richch ] Je veux faire une fonction avec JavaScript qui sert &#224; filtrer un champ de type file, en fait, je cherche &#224; ins&#233;rer une image dans une B bouton parcourir répertoire [ par kakol ] Bonjour, J'ai un tout petit soucis avec un bouton parcourir. En effet, j'aimerai cr&#233;er un bouton permettant d'ouvrir une fenetre parcourir, de s& telechargement repertoire [ par fcapdevi ] je cherche des infos ou un script (JS, PHP, ...) qui permet de faire le téléchargement d'un répertoire (fichiers et sous repertoires inclus) depuis un sélectionner uniquement des fichiers images en cliquant sur un bouton parcourir [ par tenrod ] Bonjour a tous!Je d&#233;veloppe un site et j'ai un bouton parcourir pour s&#233;lectionner des images (jpg, bmp...) le pb c ke kan je clic sur cebout lister un répertoire [ par catamenia ] Bonjour,Est il possible de lister les fichiers se trouvant dans un répertoire?J'essais dejà de voir si le répertoire existe de cette façon mais ça ne recherche extension image [ par cacoun ] Bonjour &#224; tousVoila mon pb:&#224; l'aide d'un formulaire, je fais choisir aux utilisateurs la possibilit&#233; de charger une image au format pay Afficher image locale [ par nickadele ] Bonjour, j'ai une page html dans laquelle j'essaye d'afficher une image se trouvant sur la machine locale du visiteur. J'ai essayé : <IMG src="fil Menu dynamique à partir des fichiers d'un répertoire [ par dircom13 ] Bonsoir,Débutant cherche, désespérément, à comprendre comment construire un menu dynamique composé à partir des fichiers d'un répertoire.Merci d'avanc probléme diapo [ par anass12345 ] bonsoir, j'essaie de faire une diapo d'image javascript qui défile une image chaque 5sec, avec deux boutons suivant et précédent,pour permettre le cha


Nos sponsors

Sondage...

CalendriCode

Décembre 2008
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Téléchargements



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,421 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.