Images non affichées si vous utilisez le fichier: /// c:/

Question

J'utilise jQuery et je souhaite afficher les images de mon PC plutôt que de les héberger. Je donne les résultats suivants:

/* works fine: */ 
.ui-widget-header .ui-icon { 
    background-image: url(images/ui-icons_2e83ff_256x240.png); 
} 

/* does not work: */ 
.ui-widget-header .ui-icon { 
    background-image: url(file:///C:/ui-icons_2e83ff_256x240.png); 
} 

Quand je mets file:///C:/ui-icons_2e83ff_256x240.png dans un navigateur, il affiche magnifiquement l'image réelle. Les deux emplacements sont des emplacements d'image valides.

Est-ce que cela ne fonctionne pas si l'image est une image-objet? Est-ce que quelqu'un a des idées sur celui-ci? Merci beaucoup.

Answer 1

Impossible pour des raisons de sécurité. La seule façon de charger des images avec des chemins de fichier 'locaux' consiste à demander la page en utilisant son chemin de fichier local et non l'URL du serveur Web. Par exemple:

Au lieu de:

http://example.com/mypage.html 

Utilisation:

file:///C:/path/to/htdocs/mypage.html