document.getElementById.src não funciona

Boa tarde a todos.

Preciso de uma ajuda... tenho uma função em Javascript que deveria fazer a pré-visualização de uma imagem antes do seu cadastro efetivo. Ou seja, a partir de um campo de form, escolho a imagem no meu micro, e após clicar num link "Visualizar imagem", a mesma deveria aparecer num local predeterminado na página. E se estiver OK, o usuário pode cadastrar. Estou enviando o código abaixo:

function preview()
{

	strSrc = document.formcad.foto.value;

	if(strSrc == "")
	{
 alert("Selecione uma imagem !");
	}
	else
	{
 document.getElementById("myfoto").src = strSrc;
	}
}

-->
</script>

Esse é o campo do form que dá o Browse na máquina:

<input name="foto" type="file" class="fonte" id="foto">

Esse é o link para a foto ser visualizada:

<a href="javascript:preview();">clique aqui para vizualizar a foto.</a>

Esse é o local onde a imagem deverá ser visualizada:

<img src="../arquivos/semfoto.gif" name="myfoto" width="285" height="201" border="1" id="myfoto">

O que acontece é que clicando no link nada acontece, não dá erro, nem mostra a foto.

PS: Testei no IE 8 e no Chrome.

Já quebrei a cabeça mas não consigo achar o erro. Vocês poderiam me ajudar, por favor?

Fico no aguardo, o mais urgentemente possível.

Muito obrigada

BelTavares