如何在src=”中传递值@url.content“;使用javascript或jquery var Details=函数(Id、用户名、Empname、用户类型、地址、性别、Mob、图像){ $(“#hiddeneemployeeid”).val(Id); $(#editmodel”).model(“show”); $(“#susertype”).html(用户类型); $(“#saddress”).html(地址); $(“#sgender”).html(性别); $(“#smob”).html(Mob); $(“#suname”).html(Empname); $(“#sename”).html(用户名); }
从脚本上方的图像变量窗体获取值如何在src=”中传递值@url.content“;使用javascript或jquery var Details=函数(Id、用户名、Empname、用户类型、地址、性别、Mob、图像){ $(“#hiddeneemployeeid”).val(Id); $(#editmodel”).model(“show”); $(“#susertype”).html(用户类型); $(“#saddress”).html(地址); $(“#sgender”).html(性别); $(“#smob”).html(Mob); $(“#suname”).html(Empname); $(“#sename”).html(用户名); },javascript,c#,jquery,asp.net-mvc,Javascript,C#,Jquery,Asp.net Mvc,从脚本上方的图像变量窗体获取值 <script> var Details = function (Id, username, Empname, UserType, Address, Gender, Mob, image) { $("#hiddenEmployeeId").val(Id); $("#EditModal").modal("show"); $("#susertype").html(UserType);
<script>
var Details = function (Id, username, Empname, UserType, Address, Gender, Mob, image) {
$("#hiddenEmployeeId").val(Id);
$("#EditModal").modal("show");
$("#susertype").html(UserType);
$("#saddress").html(Address);
$("#sgender").html(Gender);
$("#smob").html(Mob);
$("#suname").html(Empname);
$("#sename").html(username);
}
</script>
我必须在这个img中放置您不能直接使用javascript变量。因此,您必须像下面这样管理图像路径
<img src="@Url.content("")" />
var Details=函数(Id、用户名、Empname、用户类型、地址、性别、Mob、图像){
$(“#hiddeneemployeeid”).val(Id);
$(#editmodel”).model(“show”);
$(“#susertype”).html(用户类型);
$(“#saddress”).html(地址);
$(“#sgender”).html(性别);
$(“#smob”).html(Mob);
$(“#suname”).html(Empname);
$(“#sename”).html(用户名);
$(“#image”).attr(“src”,@Url.content(“~/”)image);
}
将等级
或Id
交给img
,如下所示
<script>
var Details = function (Id, username, Empname, UserType, Address, Gender, Mob, image) {
$("#hiddenEmployeeId").val(Id);
$("#EditModal").modal("show");
$("#susertype").html(UserType);
$("#saddress").html(Address);
$("#sgender").html(Gender);
$("#smob").html(Mob);
$("#suname").html(Empname);
$("#sename").html(username);
$("#image").attr("src",@Url.content("~/")image);
}
</script>
<img id="image" />
<img class="img" src="@Url.content("")" />
在这个例子中,我使用了
class
,你也可以使用ID
,同样的我也有类似的问题:我有JavaScript代码,在页面加载后运行,带来一个项目列表,每个项目可能都有一个缩略图,存储在wwwroot
下(说asp.net core 2.0)
我不能只构建路径来自JavaScript代码的
,因为在一些现代浏览器上出于安全原因,例如,您将得到一个错误,不允许加载本地资源
理想情况下,您(希望您)可以使用
从服务器获取内容并解决问题。但是不能将路径注入@Url.Content()
,因为@Url.Content()
首先在服务器端执行,如果从JavaScript代码注入路径,则为时已晚
选择1
将图像/缩略图作为记录存储在带有标识符的数据库中(GUID效果最好),并在页面上构建一个链接,该链接对应一个控制器
和一个操作
,该操作通过id获取图像并将其内容作为文件结果返回,即返回文件()代码>
选项2(使用ASP.NET Core 2.0)
将图像/缩略图物理存储在web根文件夹中,即wwwroot/images
,并通过将app.usesticfiles()
放在Startup.cs
中的Configure()
方法上启用静态文件
然后可以使用JavaScript变量构建图像,如
$(".img").attr("src","xyz");
相对路径可能看起来像/uploads/2018/1/1/pic1.jpg
,没有内容根。我必须补充一点,完全不清楚您想要实现什么,您能详细说明一下我从中了解到的是您想要设置图像的SRC正确吗?如果是,只需将class
或Id
赋予img
,然后使用class
或Id
设置属性值,请参见函数中的“我得到了一个图像路径,该路径应通过脚本在htm代码中传递”,问题不在于如何访问img,问题在于如何使用@Url.content(“”)访问
.html()
将替换图像html,因为他不想设置图像的属性
<img src="{{ SOME_JS_VARIABLE_THAT_HOLDS_RELATIVE_PATH }}" />