begin process at 2010 02 09 22:27:51
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Navigation

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

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


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :4 522 / 408

Auteur : nickadele

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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

Les Membres Club peuvent 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.

 Sources du même auteur

REMPLIR UN TABLEAU EN SPIRALE
Source avec Zip SELECT >> DIV >> LE PROBLÈME DANS IE, COMMENT LE RÉSOUDRE

 Sources de la même categorie

Source avec Zip EMULATION DE $_GET() DU PHP par jchan
Source avec Zip ACCESSIBARRE - AMÉLIORER LE CONFORT DES PERSONNES NON-VOYANT... par Pfuch
Source avec Zip CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT par TheWeasel47
Source avec une capture TAILLEFONTE par tiger222
Source avec Zip Source avec une capture MOTEUR DE RECHERCHE SANS PHP par jdmcreator

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip Source avec une capture [ZI] ZOOM (LOUPE) SUR IMAGE par Bul3
Source avec Zip Source avec une capture AFFICHAGE D'IMAGE par kazma
Source avec Zip Source avec une capture PARCOURIR À LA RECHERCHE D'UN REPERTOIRE par Gorrk

Commentaires et avis

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 ?

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

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

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)

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.

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...

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 !
@+

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.

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:)

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.

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.

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 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 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 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

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,671 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales