Javascript 如何附加静态图像,并将路径指定给$。每个函数

Javascript 如何附加静态图像,并将路径指定给$。每个函数,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,我有一个div,其中数据来自loop$。每个都是从数据库返回数据的循环函数,但我无法将静态图像放在其中 $(document).ready(function () { $.getJSON("/Post/GetPosts", null, function (data) { $(".div1").html(""); $.each(data, function (i, item) { //make html for

我有一个div,其中数据来自loop$。每个都是从数据库返回数据的循环函数,但我无法将静态图像放在其中

    $(document).ready(function () {
          $.getJSON("/Post/GetPosts", null, function (data) {
          $(".div1").html("");

         $.each(data, function (i, item) {
         //make html for div2
         var html += "<div class='div2'>";
         html += item.PostedByName;
         html += "<img src='" + item.PostedByAvatar + "'height='100' width='100'/>"
   // i have tried something like this
        html += '<img src="~/assests/images/articles.png">';
        html += "</div>";
        $(".div1").append(html);
     });
   });
});
但主控制器中没有图像。 这是我的服务器端代码---


我已经给了正确的道路。如何解决它。你知道我应该怎么做吗?也许你可以试试这个:

var imgUrl = "~/assests/images/articles.png"; 

...

html += "<img src='" + imgUrl + "'>";
var imgUrl=“~/assests/images/articles.png”;
...
html+=“”;

如最后第四行。

我认为您无法访问SSL服务器,因为证书不受信任。
尝试使用http而不是https,那么什么是正确的路径???
~/
URL前缀在ASP.NET(服务器端)之外没有任何意义。可能您可以在其上设置服务器调用
ResolveUrl()
,并将生成的绝对URL添加到
结构中,以便客户端可以使用它。@A.Wolff我希望粘贴该静态图像,并显示该特定用户的文章数以及该图像。图像的路径是--根目录,然后是图像文件夹,然后是文章。png@Fr你能给我一些简短的代码让我理解和使用吗it@duke,那么,您可以向匿名对象添加另一个属性,例如,
PostedByImage=Url.Content(“~/assests/images/articles.png”)
,然后在你的客户端代码中使用它,就像你使用
PostedByAvatar
一样。仍然在搜索我提到的相同的urlabove@duke回答吧,你踩了我一下。E哈这只是一个思路,妈的
         public JsonResult GetPosts()
                  {
                  var ret = (from post in db.Posts.ToList()
                   orderby post.PostedDate descending
                   select new
                   {
                       PostedByName = post.ApplicationUser.UserName,
                       PostedByAvatar = _GenerateAvatarUrlForUser(post.PostedBy) 
                  });
        return Json(ret, JsonRequestBehavior.AllowGet);
    }
var imgUrl = "~/assests/images/articles.png"; 

...

html += "<img src='" + imgUrl + "'>";