Question

我有一个div，其中数据来自循环$ .each是循环函数，它获取从数据库返回的数据，但我无法在其中放置静态图像。

    $(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);
     });
   });
});

在第三行，你可以看到我尝试过的。当我调试它时，它正在寻找的图像网址是：

     https://localhost:44305/Home/~/assests/images/articles.png

但家庭控制器中没有图像。这是我的服务器端代码---

         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);
    }

我已经给出了正确的道路。如何解决它。任何想法我应该尝试什么

Answer 1

我认为您无法访问SSL服务器，因为证书不受信任。尝试使用http而不是https

Answer 2

也许你可以试试这个：

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

...

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

就像第四行一样。

如何附加带有$ .each函数路径的静态图像

2 个答案: