begin process at 2012 02 05 22:08:01
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
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é :6 796 / 538
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
Toutes les sources de nickadele

 Sources de la même categorie

Source avec Zip Source avec une capture ANTI-ROBOTS V 1.0 par MacGaliver
Source avec une capture PRÉSENTOIR PAGE/SUJET par tiranus
Source avec Zip Source avec une capture NAVIGATEUR INTERNET HAVRET par HAVRETos
Source avec Zip WMANAGER.JS : GÉRER LES FICHIERS WMA AVEC WINDOWS MEDIA PLAY... par jdmcreator
Source avec Zip Source avec une capture NAVIGATION PAR AJAX, CHARGEMENT DES PAGES SANS RECHARGEMENT par zulrigh
Toutes les sources de la catégorie Navigation

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture DIAPORAMA SIMPLE PAR IFRAME par sartoz
Source avec Zip ROTATION D'UNE IMAGE, ANIMATION par william voirol
Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip Source avec une capture MISE EN CACHE D'IMAGES AUTO [AJAX] par Allan007
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 Lecture propriété image sur bouton parcourir [ par dadbn ] Bonjour à tous, J'ai mis en place un formulaire d'upload d'images sur mon site et je souhaiterai contrôler les propriétés de l'image avant l'envoi. Je


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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 : 2,948 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)