Olá Pessoal!
Estou fazendo um cadastro de clientes e neste cadastro foi criado um campo para inserir a foto do cliente. Não estou conseguindo exibir a imagem ou foto porque no input aparece um caminho (endereço da foto) que não existe, por exemplo o caminho da imagem correto é:
- C:\Users\Jairo\Documents\NetBeansProjects\ProjetoJavaWeb3\web\imagens\arquivo.jpg
No input onde é para mostrar somente o nome do arquivo, mostra o seguinte:
- C:\fakepath\arquivo.jpg
Abaixo está o trecho do código utilizado no formulário:
<div id="foto">
<img alt="Foto" width="100" height="100" name="mostrafoto" id="mostrafoto" />
</div>
<br/><br/>
<label for="clifoto">Foto:</label>
<input type="text" name="clifoto" id="clifoto" size="50" maxlength="50"/>
<input type="file" name="pegafoto" id="pegafoto"/>
<br/><br/>
Abaixo está o JavaScript que utilizo:
function atualizarFoto(){
var fotoDigitada = document.forms[‘formCliente’][‘clifoto’].value;
document.forms[‘formCliente’][‘mostrafoto’].src = “imagens/”+fotoDigitada;
}
function fileFoto(){
var pegaFileFoto = document.forms[‘formCliente’][‘pegafoto’].value;
document.forms[‘formCliente’][‘clifoto’].value = pegaFileFoto;
atualizarFoto();
}
window.onload = function(){
document.forms[‘formCliente’][‘clifoto’].oninput = atualizarFoto;
document.forms[‘formCliente’][‘pegafoto’].onblur = fileFoto;
}
Como corrigir isto?
Alguém pode ajudar!!!