在Asp.net MVC 4中使用javascript / JQuery浏览并设置img src

Question

I have a <img/> tag in my .cshtml page..

<img id="ImageID" alt="" width="100%" height="100%" />

I need to set src attribute dynamically by selecting the image file path using file control.

I tried the following code in my Js page, but it is not working.

var image_path = $("#fileControl").val();

$("#ImageID").attr('src', 'url(' + image_path + ')');

Please help!

Thanks.

Answer 1

To change it to a live event, so that it changes as when your #fileControl value changes, do:

$("#fileControl").on('change', function(){
  $("#ImageID").attr('src', 'url(file://' + $(this).val() + ')');
})

...but obviously the above may change slightly (on, bind, live), depending on you jQuery version