为文件夹中的文件生成 URL 链接列表 [javascript]

Question

我想为文件夹中的每个文件生成列表。例如，如果我在特定文件夹中有以下文件

• sample_picture1.jpg
• sample_picture2.jpg

我想生成如下网址链接

• [0] - src='http://localhost/path/sample_picture1.jpg'
• [1] - src='http://localhost/path/sample_picture2.jpg'

---

目前我是这样创建的。

在文件夹中查找文件的json方法

    public JsonResult filesinfolder()
    {
        string salesFTPPath = "folder_path";

        DirectoryInfo salesFTPDirectory = new DirectoryInfo(salesFTPPath);

        IEnumerable<string> files = salesFTPDirectory.GetFiles()
          .Where(f => f.Extension == ".xls" || f.Extension == ".xml" || f.Extension == ".jps" || f.Extension == ".jpg" || f.Extension == ".jpeg" || f.Extension == ".png")
          .OrderBy(f => f.Name)
          .Select(f => f.Name);

        return Json(files, JsonRequestBehavior.AllowGet);
    }

获取文件的脚本

$(document).ready(function () {
    $.ajax({
        type: 'GET',
        url: '@Url.Action("filesinfolder", "Home")',
        dataType: "json",
        success: function (data) { onSuccess(data); },
        error: function (xhr, status, err) {}
    });
});

var onSuccess = function (data) {

};

所以我想将结果作为 URL 列表发送到 onSuccess（对于文件夹中的文件）。

Answer 1

由于您在 document.ready 上执行 ajax 调用，因此似乎不需要使用 ajax，您可以通过将 url 集合传递给视图来简化此操作。假设您使用视图模型，请添加一个属性（例如）IEnumerable<string> ImageUrls { get; set; }（或者您可以将集合分配给ViewBag 属性）

在生成视图的GET方法中

// get the files
IEnumerable<string> files = salesFTPDirectory.GetFiles().Where(....
// build urls
model.ImageUrls = new List<string>();
foreach (string name in files)
{
  model.ImageUrls.Add(Url.Content("~/path") + "/" + name);
}
return View(model);

在视图中

@foreach(string url in Model.ImageUrls)
{
  <img src="@url" height="100" width="100" />
}

假设你查询生成的文件名是sample_picture1.jpg和sample_picture2.jpg，那么就会生成

<img src="/path/sample_picture1.jpg" ... />
<img src="/path/sample_picture2.jpg" ... />

如果您确实想使用 ajax 执行此操作，则在 filesinfolder() 方法中生成上述 url 并返回它们，然后在 success 回调中返回它们

success: function (data) {
  $.each(data, function(index, item) {
    var img = $('<img>').attr('src', item);
    $(someElement).append(img);
  });
}

旁注：您有string salesFTPPath = "folder_path"; 但您想生成.../path/... 而不是.../folder_path/... 有点令人困惑（我假设其中一个是错字），但无论如何，这一次都行不通你发布你的应用程序。您需要使用Server.MapPath() 来生成文件夹的正确路径。