Eu gostaria de poder especificar um caminho de arquivo local para uma imagem em uma página da web entregue via http usando o Chrome - isso é possível?
Eu me lembro de fazer isso usando o IE, mas não consigo lembrar como! Algumas configurações confiáveis eu acho ...
você pode converter a imagem para o código base 64, por exemplo, com " link " e copiar o resultado para o navegador! Como:
<img width='16' height='16' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4jWP8//8/Ay5Q4s6GU7Jn5y9GBgYGBiacuokELKTYSpQByKB68UkMMUExQ0ZkPsVeYEQPREZGRpK8gOGCdy/PwTEyH8ZGF8MbBgwMDAxC4kZ4xfAaALMFGfz//5+6gYjXBS+fXUHhaxjEMqKrQXGBglU8SgyIS+mgYHR5DAPIAYz////HavL5DQVwtmHABAyND44tZGRgwBMG2DRhAxR7AQBhgT3yD6eBRwAAAABJRU5ErkJggg=='>
Como você mencionou o 'Chrome', pode usar as extensões do Chrome para isso, para permitir o acesso local aos seus arquivos.
Siga estas etapas:
1) Na pasta local onde estão suas imagens, crie este arquivo chamado 'manifest.json' e insira isto:
{
"name": "File Exposer",
"manifest_version": 2,
"version": "1.0",
"web_accessible_resources": ["*.jpg","*.JPG"]
}
2) Coloque esta é a sua barra de endereços chrome: chrome: // extensions /
3) Certifique-se de que o 'modo de desenvolvedor' está marcado (superior direito da página)
4) Clique no botão 'Load Unpacked Extension'
5) Navegue até a pasta local onde estão as imagens e o arquivo manifest.json, clique ok
6) A extensão 'File Exposer' agora deve estar listada na lista e ter uma marca de verificação contra 'Enabled'. Se a pasta estiver em uma unidade de rede ou outra unidade lenta ou tiver muitos arquivos, poderá levar de 10 a 20 segundos ou mais para aparecer na lista.
7) Observe a string 'ID' que foi associada à sua extensão. Esta é a EXTENSION_ID
8) Agora, no seu HTML, você pode acessar o arquivo com o seguinte, alterando o 'EXTERNSION_ID' para qualquer ID gerado por sua extensão:
<img src='chrome-extension://EXTENSION_ID/example1.jpg'>
Note que o * .jpg é recursivo e corresponderá automaticamente aos arquivos na pasta especificada e em todas as subpastas, você não precisa especificar para cada subpasta. Observe também que é sensível a maiúsculas e minúsculas.
Na tag 'img' você não especifica a pasta original, é relativa dessa pasta, portanto somente subpastas precisam ser especificadas.
Se você modificar o arquivo manifest.json, precisará clicar no link 'Recarregar (Ctrl + R)' ao lado da extensão.
Páginas da web não locais não podem acessar arquivos locais no Chrome ou em qualquer navegador da web moderno.
Você pode substituir isso usando LocalLinks ( para o Firefox ), mas só funcionará na sua própria máquina.
no Chrome, isso parece com isso
file:///C:/sample.txt
Se você quiser testar a imagem local no site ao vivo, pode executar um servidor da Web local e definir um URL como link em página usando o DevTools
Existem diferentes maneiras de executar um servidor da web: 1. Extensão para navegador "Servidor Web para Chrome" com pasta definida link
No meu caso, eu só precisava ver como seria uma pequena mudança de imagem em diferentes tamanhos responsivos. Foi mais fácil Salvar como ... uma página da Web completa na área de trabalho e depois abri-la. Eu inspeciono e edito a imagem src.
Ok, você não pode simplesmente deixar alguém acessar o seu sistema de arquivos local! Você precisaria de um serviço de servidor como o Apache, deixar seu computador funcionar 24 horas por dia, garantir que ele não superaqueceria, cuidar de uma boa segurança e muito mais para tornar isso possível. E como a administração do servidor é cara e consome muito tempo, a maioria das pessoas permite que os profissionais hospedem nossas coisas para nós (Webhosting).
Em conclusão, se você não deseja executar seu próprio servidor, é muito mais fácil apenas enviá-lo ao seu webhoster de escolha.
Tags google-chrome url pictures