javascript - 在 Asp.net mvc 4 中使用 javascript/JQuery 浏览和设置 img src

Question

我的 .cshtml 页面中有一个<img/>标签。

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

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

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

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

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

请帮忙！

谢谢。

Answer 1

要将其更改为实时事件，以便它随着您的#fileControl值更改而更改，请执行以下操作：

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

...但显然以上内容可能会略有变化（打开、绑定、实时），具体取决于您的 jQuery 版本