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

【问题标题】：Browse and set img src using javascript/JQuery in Asp.net mvc 4在 Asp.net mvc 4 中使用 javascript/JQuery 浏览和设置 img src
【发布时间】：2013-02-21 12:22:23
【问题描述】：

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

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

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

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

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

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

请帮忙！

谢谢。

【问题讨论】：

image_path中的url是否正确？
为什么不那样做呢？ $("#ImageID").attr('src', $("#fileControl").val());
您说的是动态设置，这表明您实际上需要实时事件而不是.val()。否则你可以用你的剃刀设置javascript，就像你设置#fileControl值一样
@Cris 是的。我试图提醒 image_path。它显示为 c:/documents/.../image.jpg。它反映在这样的标签中。。在普通的html页面中放置img标签时我可以看到图像。但它没有反映在我的应用程序中。
为了检查，我在我的 .cshtml 页面中尝试了以下代码。 1. 2. 第二个没用。

标签： javascript jquery asp.net asp.net-mvc asp.net-mvc-4

【解决方案1】：

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

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

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

【讨论】：

我可以在 html 页面中设置 img src。但我在 .cshtml 页面中有标签。如何在 mvc 4 中解析路径？
只是为了检查我在我的 .cshtml 页面中硬编码了 img 标签。 1. 2. 第二个没用。
正如您所建议的，我尝试在 URL 前添加“file://”。当我将代码放在 .html 页面中时，它可以工作。但是当我将它放在 .cshtml 页面中时，它没有。我从我的 IE8 的开发者工具源代码中获取了以下代码。 URL 有什么问题？？？