要使用javascript在列表视图中显示图像图标吗_Javascript_Image_Url

要使用javascript在列表视图中显示图像图标吗

javascript image url

要使用javascript在列表视图中显示图像图标吗,javascript,image,url,Javascript,Image,Url,我一直在尝试在一个表中显示用户的个人资料图片列表视图。我可以将图片显示为url（从数据库获取），但我希望显示真实的图像图标。下面是我现在得到的截图。我想显示真实的图像，而不是网址。我正在为此使用javascript。提前谢谢您可以检查此代码。它可以根据您的要求正常工作。您可以将数据库源用于图像url。这里我使用一个数组作为示例 <body> <ul id="myList"> </ul> <script type="text/javascript"

我一直在尝试在一个表中显示用户的个人资料图片列表视图。我可以将图片显示为url（从数据库获取），但我希望显示真实的图像图标。下面是我现在得到的截图。我想显示真实的图像，而不是网址。我正在为此使用javascript。

提前谢谢

您可以检查此代码。它可以根据您的要求正常工作。您可以将数据库源用于图像url。这里我使用一个数组作为示例

<body>
<ul id="myList">
</ul>
<script type="text/javascript">
    var imgSrc = new Array ("/tetet/images.png","tetet/images.png");


    for (var i = 0; i < imgSrc.length; i++)
      {
          var node = document.createElement("LI");

          var x = document.createElement("IMG");
          x.setAttribute("src", imgSrc[i]);
          x.setAttribute("width", "304");
          x.setAttribute("width", "228");
          x.setAttribute("alt", "The Pulpit Rock");
          node.appendChild(x);
          document.getElementById("myList").appendChild(node);
      }  
    </script>




var imgSrc=new数组（“/teet/images.png”，“teet/images.png”）；
对于（变量i=0；i


您可以检查此代码。它可以根据您的要求正常工作。您可以将数据库源用于图像url。这里我使用一个数组作为示例
<body>
<ul id="myList">
</ul>
<script type="text/javascript">
    var imgSrc = new Array ("/tetet/images.png","tetet/images.png");


    for (var i = 0; i < imgSrc.length; i++)
      {
          var node = document.createElement("LI");

          var x = document.createElement("IMG");
          x.setAttribute("src", imgSrc[i]);
          x.setAttribute("width", "304");
          x.setAttribute("width", "228");
          x.setAttribute("alt", "The Pulpit Rock");
          node.appendChild(x);
          document.getElementById("myList").appendChild(node);
      }  
    </script>




var imgSrc=new数组（“/teet/images.png”，“teet/images.png”）；
对于（变量i=0；i

通过上面给出的答案，我已经解决了这个问题
var data;

        $.ajax({
            type: "GET",
            url: "http://localhost:1337/users",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "",
            success: function (data) {
                console.log(data); //This is your result 

                console.log(data[1].profile_url);
                for (var i = 0; i < data.length; i++) {
                    var node = document.createElement("LI");
                    var x = document.createElement("IMG");

                    x.setAttribute("src", data[1].profile_url);
                    x.setAttribute("width", "304");
                    x.setAttribute("width", "228");
                    x.setAttribute("alt", "The Pulpit Rock");
                    node.appendChild(x);
                    document.getElementById("myList").appendChild(node);

                }

            }
        });

var数据；
$.ajax({
键入：“获取”，
url:“http://localhost:1337/users",
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
数据：“，
成功：功能（数据）{
console.log（data）；//这是您的结果
console.log（数据[1].profile\u url）；
对于（变量i=0；i
通过上面给出的答案，我已经解决了这个问题
var data;

        $.ajax({
            type: "GET",
            url: "http://localhost:1337/users",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "",
            success: function (data) {
                console.log(data); //This is your result 

                console.log(data[1].profile_url);
                for (var i = 0; i < data.length; i++) {
                    var node = document.createElement("LI");
                    var x = document.createElement("IMG");

                    x.setAttribute("src", data[1].profile_url);
                    x.setAttribute("width", "304");
                    x.setAttribute("width", "228");
                    x.setAttribute("alt", "The Pulpit Rock");
                    node.appendChild(x);
                    document.getElementById("myList").appendChild(node);

                }

            }
        });

var数据；
$.ajax({
键入：“获取”，
url:“http://localhost:1337/users",
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
数据：“，
成功：功能（数据）{
console.log（data）；//这是您的结果
console.log（数据[1].profile\u url）；
对于（变量i=0；i
如何
？为了在表中获取这些值，我使用引导表。图片名称电话号码登录ID如何在那里使用img src？谢谢你的回答。：）@人造丝Dabre。如下：
也动态创建img
标记，并设置其src
属性……如何
？为了在表中获取这些值，我使用了Bootstrap表。图片名称电话号码登录ID如何在那里使用img src？谢谢你的回答。：）@人造丝Dabre。如下所示：
创建img
动态标记，并设置其src
属性…确定。但还有一个问题。此图像src来自特定URL。我只需要从一组JSON数据中解析图像url。然后需要将其放入数组中。我想不出怎么做。如果你能帮忙，那对我来说就太多了。感谢您的努力。请将此json签入javascript数组，这样您就可以轻松地在脚本中使用数组。ok。但还有一个问题。此图像src来自特定URL。我只需要从一组JSON数据中解析图像url。然后需要将其放入数组中。我想不出怎么做。如果你能帮忙，那对我来说就太多了。感谢您的努力。将此json签入javascript数组，您就可以轻松地在脚本中使用数组。如果您认为这对您有帮助，请投票或更正答案。如果您认为这对您有帮助，请投票或更正答案。