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) {

};

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

Answer 1

由于你在document.ready上执行ajax调用，似乎不需要使用ajax，你可以通过将urls集合传递给视图来简化它。假设您使用视图模型，添加一个属性（比如说）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()方法中生成上述网址并返回它们，然后在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()生成文件夹的正确路径。

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

1 个答案: