Doubt Insert Image with Jquery?

Question

Friends,

Following the posted examples, I made the adjustments:

        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();
    }

This Actionresult above needs to receive 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);
        }
    }

This is the Altered Jquery, I’m passing the photo path:

        <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>

At this point, for each selected photo I want to send the image to be viewed on the screen. thanks

Answer 1

Try to change your javascript for something like:

<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
        document.getElementById('foto').src = select.value;
        //alert(select.value);
    }
</script>

And his HTML for something like this:

<label>Foto:</label>
<div>
    <select id="selecao" onchange="BuscarCaminho()">
        <option value="caminho_da_foto1">nome_da_foto1</option>
        <option value="caminho_da_foto2">nome_da_foto2</option>
        <option value="caminho_da_foto3">nome_da_foto3</option>
    </select>
</div>
<div>
    <img id="foto" src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto = teste, largura = 100, altura = 100 })" alt="thumbnail" />
</div>