使用在 Razor Url.Content 中存储图像路径的变量

Question

我使用一个函数来动态构建图像路径，如下所示：

  function () {
            var name = $(this).attr('id') + '_o';
            var newsrc = '../../Content/HomePage/' + name + '.png';

我想使用 Razor Url.Content 将 newsrc 分配给图像标签作为其源。所以，我希望做这样的事情：

  $(this).attr('src', '@Url.Content(newsrc)');

但是VS向我显示红线，表示newsrc在当前上下文中不存在。 如何将变量与 Url.Content 一起使用？

（注意：我正在使用这个内部脚本标签...）

编辑：我想到了一个想法，也许后门会将 newsrc 传递到控制器，在那里使用 Url.Content 来解析 url 并将其传递回来？可行吗？

任何帮助将不胜感激..

Answer 1

当我使用这种技术将路径发送到 JavaScript 变量时，它会显示 -1 而不是路径。代码如下。

var path= <%= ConfigurationManager.AppSettings["FileManager"] %>;

Answer 2

您正在尝试直接将 javascript 变量传递给 Asp.Net 代码 - 这是不可能的。

您必须删除 @Url.Content() 并仅使用 javascript 中的相对路径：

$(this).attr('src', newsrc);

或者，使用 Url.Content() 获取文件夹位置，并在 javascript 中附加文件名，如下所示：

var name = $(this).attr('id') + '_o';
var newsrcFolder = '@Url.Content('../../Content/HomePage/')';
var newsrc = newsrcFolder + name + '.png';
$(this).attr('src', newsrc);

Answer 3

问题被我的前辈解决了。我在 web.config （WebDirectory）中创建一个额外的 appsettings，然后将值指定为文件夹路径。

然后，在我的代码中，我可以使用以下方法轻松构建我的网址：

 System.Configuration.ConfigurationManager.AppSettings["WebDirectory"].ToString()...

只需在此处分享我的解决方案，希望它能帮助将来的人。谢谢。