Amigos,
Seguindo os exemplos postados, fiz os ajustes:
public ActionResult ThumbNail(int largura, int altura, string caminhofoto)
{
if (caminhofoto != "caminho" )
{
WebImage webImagem = new WebImage(@caminhofoto).Resize(largura, altura, false, false);
return File(webImagem.GetBytes(), @caminhofoto);
}
return View();
}
Este ActionResult a cima precisa receber o Jquery:
<script >
function BuscarCaminho()
{
//Pega o elemento 'select'
var select = document.getElementById("selecao");
//Altera o valor do atributo 'src' da imagem para carregar a imagem selecionada
if (select != "") {
document.getElementById('caminho').src = select.value;
// alert(select.value);
}
}
Este é o Jquery Alterado, estou passando o caminho da foto:
<div >
<img id="foto" src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto = "caminho", largura = 100, altura = 100 })" alt="thumbnail" />
</div>
<label>Foto:</label>
<div id="selecao" onchange="BuscarCaminho()" >
@Html.DropDownList("idFoto", String.Empty)
</div>
Neste ponto, para cada foto selecionada eu quero enviar a imagem para ser visualizada na tela. agradeço
onchange
está em uma div, e deveria estar noselect
. Talvez nesse caso seria melhor usarhtml
mesmo ao invés da sintaxerazor
.