web-dev-qa-db-fra.com

Liaison d'un lecteur UNC / réseau sur une page html

Juste une question de lien html de base.

J'ai une configuration intranet et je dois me connecter à certains lecteurs réseau. Ils se trouvent sur des lecteurs tels que\server_drive\blahblah\doc.docx

L'utilisation de file: // ne fonctionne ni sur IE8 ni sur Firefox. Comment puis-je créer un lien vers ces fichiers?

htmlhyperlinkunc
46
Doug

Pour créer un lien vers un chemin UNC à partir d'un document HTML, utilisez le fichier: ///// (oui, c'est cinq barres obliques).

fichier: /////server/path/to/file.txt

Notez que cela est très utile dans IE et Outlook/Word. Cela ne fonctionnera pas dans Chrome ou Firefox, intentionnellement - le lien échouera en silence. Certains mots de la équipe Mozilla :

Pour des raisons de sécurité, les applications Mozilla bloquent les liens vers les fichiers locaux (et répertoires) des fichiers distants.

Et moins directement, de Google :

Firefox et Chrome n'ouvre pas les liens "file: //" à partir de pages provenant de l'extérieur de la machine locale. Il s'agit d'une décision de conception prise par ces navigateurs pour améliorer la sécurité.

L'article de Mozilla comprend un ensemble de paramètres client que vous pouvez utiliser pour remplacer ce comportement dans Firefox, et il existe des extensions pour les deuxnavigateurs pour remplacer cette restriction.

83
Michael Petrotta

Installez IIS sur le serveur réseau et changez le chemin en http: //server/path/to/file.txt

EDIT: assurez-vous d'activer la navigation dans les répertoires dans IIS

5
bryanbcook

Alternative (insérer une info-bulle à l'utilisateur):

  <style> a.tooltips {position: relative; display: inline;} a.tooltips span { position: absolute;  width:240px;  color: #FFFFFF;  background: #000000;  height: 30px;  line-height: 30px;  text-align: center;  visibility: hidden;  border-radius: 6px; } a.tooltips span:after {  content: '';  position: absolute;  top: 100%;  left: 50%;  margin-left: -8px;  width: 0; height: 0;  border-top: 8px solid #000000;  border-right: 8px solid transparent;  border-left: 8px solid transparent; } a:hover.tooltips span {  visibility: visible;  opacity: 0.8;  bottom: 30px;  left: 50%;  margin-left: -76px;  z-index: 999; } </style>
  <a class="tooltips" href="#">\\server\share\docs<span>Copy link and open in Explorer</span></a>
2
leus