瀏覽和設置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

回答