Comment afficher des images locales placé sur la machine client HTML des pages web

Comment afficher des images locales placé sur la machine client HTML des pages web hébergées sur un serveur web

Je vais avoir quelques images placées dans des C:/Images dossier de chemin d'accès doit être quelque chose de file:///C:/Images/1.jpg pour un image 1.jpg

Je suis en utilisant le code <img src="file:///C:/Images/1.jpg" /> dans sample.html

sample.html lorsqu'il est placé sur un disque dur local, montre 1.jpg, mais quand j'ai mis le sample.html fichier sur un serveur web, il n'affiche pas l'image placée sur mon lecteur C:.

Est-il possible d'afficher les images placées sur le client le disque dur à partir d'une page HTML placé sur un serveur web?

J'ai essayé même de l'iframe, mais pas de chance.

EDIT: puis-je montrer ces images à l'aide de script ou firefox addon? Je suis en fait à la mise en œuvre de cette chose dans mon économiseur d'écran firefox addon.

vos images doivent être sur le serveur, sinon il n'y a aucun moyen que vous pouvez accéder aux images sur le disque dur du client
Comment pensez-vous que le serveur va se traduire par l'emplacement de l'image lorsque vous donnez le lien, comme ça?
Le navigateur ne sera que l'accès à des ressources locales lorsque le document est également situé sur la ressource locale. C'est pour aider à prévenir le cross-site scripting de méchanceté. Il serait beaucoup mieux pour vos clients si toutes vos images sont situés sur le même serveur que vos pages web.
C'est ce que les assistants sont pour... XD
Merci pour les commentaires. Je savais qu'il n'y a aucun moyen de contourner l'utilisation de javascript. En fait, je suis en train de réaliser cela à l'aide d'un addon firefox. Je devrais l'avoir mentionné à propos de l'extension pour firefox, désolé.

OriginalL'auteur Hemant Pawar | 2011-12-05

  1. 4

    Les pages Web ne sont pas autorisés à accéder à file:///Url pour des raisons de sécurité, il n'y a pas moyen de contourner cela. Cependant, si vous faites les mêmes fichiers accessibles via un autre protocole - cela peut fonctionner. Par exemple, vous pouvez mettre la ligne suivante dans votre add-on de chrome.manifest fichier:

    ressources monaddon file:///C:/Images

    Cela va créer une ressource protocole alias pointant vers le répertoire et la ressource protocole peut être utilisé par les pages web. Ce qui signifie que les pages seront en mesure d'utiliser l'image C:\Images\1.jpg comme resource://myaddon/1.jpg.

    Vous pouvez également ajouter une ressource protocole alias dynamiquement. Assurez-vous simplement que vous ne ferez que des images accessibles de cette manière et pas tout le contenu du disque - vous peut-être l'ouverture d'un trou de sécurité autrement.

    OriginalL'auteur Wladimir Palant

  2. 3

    Utiliser le Fichier API qui fonctionne sur tous les navigateurs sauf IE.

    Un exemple simple:

    function ShowImage(filepath){
    var reader=new FileReader(); //File API object
    reader.onload=function(event){
        document.getElementById('myimage').src = event.target.result;
    }
    reader.readAsDataURL(filepath);
}

    OriginalL'auteur palms

  3. -2

    l'attribut src est toujours dans le contexte du serveur hébergeant le contenu HTML. Je ne pense pas qu'il existe un moyen de contourner cela.

    Donc dans votre exemple <img src="file:///C:/Images/1.jpg" /> si l'hôte est ip 1.1.1.1 et le client est la propriété intellectuelle 2.2.2.2

    puis src serait pointant vers 1.1.1.1\file://C:/images/1.jpg <--c'est un exemple qui n'est pas un véritable protocole.

    C'est un non-sens, c'est clairement une URL absolue et le navigateur ne peut pas l'interpréter comme un parent. Les sites web ne sont pas autorisés à utiliser le fichier:/// Url pour des raisons de sécurité.

    OriginalL'auteur Doug Chamberlain