Mostrar imagem antes de fazer upload

Boa noite amigos.

Estou tentando fazer uma pré-visualização da imagem antes de fazer o upload. Eu até conseguir, porem tem um problema.

Código que estou usando:

<script language="javascript" type="text/javascript">
function readURL2(input, id) {
 if (input.files && input.files[0]) {
 var reader2 = new FileReader();

 reader2.onload = function (e) {
 $('#'+id)

.attr('src', e.target.result) ; }

 reader2.readAsDataURL(input.files[0]);
 }
 }
</script>

<span style="position:relative;top: 15px; overflow: hidden;display: inline-block" class="fileuploadfileupload-exists" data-provides="fileupload">

<a title="{{trans('post.attach-photos')}}" class="btn-file">

<img id="mini_foto_new2" width="35px" height="35px" class="mini_foto" src="themes/frontend/default/assets/images/Camera-icon.png" />
<input type="file" id="post-image-input2" name="image" onchange="readURL2(this,'mini_foto_new2');" />

</a>
</span>

O botão para fazer o upload e uma imagem de uma câmera fotográfica, após seleciona a imagem para envio, a imagem selecionada fica no lugar da imagem da câmera, até ai tudo bem, porem depois de clicar no botão de enviar a imagem, continua a da imagem selecionada, eu queria que voltasse a ser a imagem da câmera.

Alguém tem uma solução?