javascript - 如何在div中列出目录中的图像

Question

我的问题是：我想从它的目录中提取图像，与它们的数量无关，并通过 ul/li 将其列在一个 div 中。我在下面尝试过，但它既没有显示目录名称，也没有显示目录，并且该目录有 5 张图片。我在 HomeController 中有这段代码：

public ActionResult ContactUs()
{
    return View();
}

public ActionResult ListImagesProducts()
{

        DirectoryInfo diretorio = new DirectoryInfo(@"~\Content\images\Products\");

        FileInfo[] Arquivos = diretorio.GetFiles("*.*");


        List<string> model = new List<string>();

        foreach (FileInfo fileinfo in Arquivos)
        {
            model.Add(fileinfo.Name);
        }

        var diretory = model;

        return Json(diretory, JsonRequestBehavior.AllowGet);
}

在 ContactUs 视图中，我有以下代码：

@{
    ViewBag.Title = "Three Jay - Produtos";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script type="text/javascript">
     $(getImages);
     function getImages() {
         $.getJSON("Home/ListImagesProducts", showImages);
     }

     function showImages(data) {
         for (i = 0; i < data.length; i++) {
             var images = data[i];
             $("#diretoryImages").append("<li>" + images.toString + "</li>");
         }
     }

</script>
<div id = "diretoryImages" />

我究竟做错了什么？你们能帮帮我吗？

Answer 1

你错了，你没有调用函数：

images.toString

添加 （）

images.toString()

在这种特殊情况下，您甚至不需要调用toString()，因为 images 变量已经是字符串：

$("#diretoryImages").append("<li>" + images + "</li>");