浏览和设置IMG SRC使用JavaScript/JQuery的在Asp.net MVC 4

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

我需要通过选择映像文件的路径动态设置src属性使用文件控制。

我在我的Js页面中尝试了下面的代码，但它不工作。

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

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

请帮忙！

谢谢。

是image_path中的url是否正确？ – Cris 2013-02-21 12:23:55

为什么不这样做呢？ '$（“＃ImageID”）。attr（'src'，$（“＃fileControl”）。val（））;' – Dharman 2013-02-21 12:24:32

你在说你是动态设置的，这表明你实际上需要一个实时事件而不是'.val（）'。否则，你可以用剃刀设置javascript，就像你设置#fileControl值 – 2013-02-21 12:34:41

把它改成一个现场活动，使其变为当你#fileControl值的变化，这样做：

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

...但显然上述可能略有变化（上，绑定，住），取决于你的jQuery版本

2013-02-21 12:37:38

我可以在其设置img src时在html页面中。但我在.cshtml页面中有标记。如何解决mvc 4中的路径？ – 2013-02-21 12:47:54

只是为了检查我硬编码img标签在我的.cshtml页面。 1. 2. 第二个没有工作。 – 2013-02-21 12:58:46

正如你所建议的，我尝试在URL之前添加'file：//'。当我将代码放入.html页面时，它可以正常工作。但是，当我把它放在.cshtml页面时，它没有。我从我的IE8的开发工具源代码中获得了以下代码。 URL的任何问题？ – 2013-02-25 11:41:59

回答