Exibir imagem vinda de um input="file"

8 respostas
A

Bom dia pessoal,

Estou fazendo um cadastro de livros, onde no formulario tem um input="file" que seleciono o a imagem que quero. Até aí ok.

Quando envio o formulário, consigo capturar o caminho absoluto desse file, que seria por exemplo:

C:\Documents and Settings\All Users\Documentos\Minhas imagens\Amostras de imagens\Inverno.jpg

Só que quando chamo a tag a imagem não aparece.
Abaixo as tentivas de chamadas que fiz:

<img src="${ param.img }" height="50" width="50"  >  // Não exibe - porém o ${param.img} retorna o caminho absoluto como citei acima.

<div style="width: 50px; height: 50px; background-image: url('${param.img}')" ></div> // Também não aparece.

E mesmo eu substituindo a variavel ${ param.img } pelo caminho absoluto, não apareceu…

<img src="C:\Documents and Settings\All Users\Documentos\Minhas imagens\Amostras de imagens\Inverno.jpg" height="50" width="50"> // Mesmo assim não apareceu

Alguém saberia o por que?
Valeu

8 Respostas

U

adrianoseven:
Bom dia pessoal,

Estou fazendo um cadastro de livros, onde no formulario tem um input="file" que seleciono o a imagem que quero. Até aí ok.

Quando envio o formulário, consigo capturar o caminho absoluto desse file, que seria por exemplo:

C:\Documents and Settings\All Users\Documentos\Minhas imagens\Amostras de imagens\Inverno.jpg

Só que quando chamo a tag a imagem não aparece.
Abaixo as tentivas de chamadas que fiz:

<img src="${ param.img }" height="50" width="50"  >  // Não exibe - porém o ${param.img} retorna o caminho absoluto como citei acima.

<div style="width: 50px; height: 50px; background-image: url('${param.img}')" ></div> // Também não aparece.

E mesmo eu substituindo a variavel ${ param.img } pelo caminho absoluto, não apareceu…

<img src="C:\Documents and Settings\All Users\Documentos\Minhas imagens\Amostras de imagens\Inverno.jpg" height="50" width="50"> // Mesmo assim não apareceu

Alguém saberia o por que?
Valeu


Cara pode ser as barra as suas então assim “” coloque as assim “/”

<img src="C:/Documents and Settings/All Users/Documentos/Minhas imagens/Amostras de imagens/Inverno.jpg" height="50" width="50"> // Mesmo assim não apareceu

vlw
abs

F

cara o ideal era copiar o arquivo no upload para o servidor, não somente o caminho absoluto da sua maquina.

A

É… eu tinha tentado isso também, mas não rolou.
E mesmo se rolasse… seria um problema pois teria que tratar a string vinda do ‘file’ e converter as barras ‘’ para ‘/’… olha o trabalho.

Mas não deu invertendo as barras…

:cry:

A

Então Felagund… eu estou fazendo assim:

Meu Formulário contém a tag … quando submito o form, pego o valor da tag ( no caso o caminho absoluto ) e salvo numa tabela no meu banco de dados.

Só que ainda não implementei essa parte do banco… primeiro testei diretamente a exibição … e não rolou.

U

É então siga essa resposta!

vlw

U

adrianoseven:
Então Felagund… eu estou fazendo assim:

Meu Formulário contém a tag … quando submito o form, pego o valor da tag ( no caso o caminho absoluto ) e salvo numa tabela no meu banco de dados.

Só que ainda não implementei essa parte do banco… primeiro testei diretamente a exibição … e não rolou.


cara cria uma Servlet para receber essa imagem disso você pode coloca-la em uma pasta no servido ou no Banco de dados!!

vlw

F

Faça um teste.
Coloque o arquivo “inverno.jpg” na mesma pasta da sua página e tente exibir a imagem passando como parâmetro “inverno.jpg”.

Se funcionar, mude para outra pasta (ainda dentro do seu contexto) e vai passando caminhos relativos ao invés de absolutos.

C

Como que eu faço pra colocar uma imagem na pasta da pagina?

Criado 7 de abril de 2010
Ultima resposta 4 de fev. de 2011
Respostas 8
Participantes 5