列出asp.net mvc中文件夹中的文件

Question

我想在页面加载后列出文件夹中的所有文件。 所以

为此，我只是这样创建的

HTML代码

<input id="idd" type="file" multiple="true" class="file" data-preview-file-type="text">

脚本

@section scripts{   

 <script type="text/javascript">    

  $(document).ready(function () {
        $.ajax({
            url: '/Home/filesinfolder',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $.each(data, function (index, val) {
                    $('#idd').append('<li><a href="http://'+ val.Url +'" target="_new">' + val.Url + '</a></li>');
                });
            },
            error: function (xhr, status, err) {
                console.log('Response code:' + xhr.status);
                console.log('[Error:' + err + '] ' + status);
            }
        });
    });

</script>

控制器方式

    public JsonResult filesinfolder()
    {
        DirectoryInfo salesFTPDirectory = null;
        FileInfo[] files = null;

        string salesFTPPath = "C:/filePath";

        salesFTPDirectory = new DirectoryInfo(salesFTPPath);
        files = salesFTPDirectory.GetFiles();

        files = files.OrderBy(f => f.Name).ToArray();

        var salesFiles = files.Where(f => f.Extension == ".xls" || f.Extension == ".xml" || f.Extension == ".jps" || f.Extension == ".jpg" || f.Extension == ".jpeg" || f.Extension == ".png");

        return Json(salesFiles.ToList());
    }

但这根本没有列出任何内容，但是一旦调试，我就能看到这个filesinfolder方法调用并在文件夹中查找文件。

Answer 1

您有很多错误

1. id="idd"的元素是<input>并且不能将<li>元素附加到<input> （仅<ul>元素）
2. 您的ajax调用正在进行GET调用，但是您尚未包含JsonRequestBehavior.AllowGet因此将不会返回任何内容
3. 您尝试返回List<FileInfo>但是访问不存在的Url属性。
4. 即使您要访问（例如） FullName属性，创建<a href="http://C:/filePath.someFileName.xls也不会导航到服务器上的文件

由于它似乎只需要文件名，因此您的代码应为

HTML

<ul id="filelist"></ul>

脚本

$(document).ready(function () {
$.ajax({
  url: '@Url.Action("filesinfolder", "Home")', // don't hardcode
  dataType: "json",
  success: function (data) {
    $.each(data, function (index, item) {
      $('#filelist').append($('<li></li>').text(item));
    });
  },
   error: function () {

  }
   });
 });

注意， contentType选项不是必需的

控制者

public JsonResult filesinfolder()
{
    string salesFTPPath = "C:/filePath";
    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.FullName);
    return Json(files, JsonRequestBehavior.AllowGet);
}

Answer 2

如果使用的是GET请求，则需要显式允许对JSON结果进行get请求。

  public JsonResult filesinfolder()
    {
        DirectoryInfo salesFTPDirectory = null;
        FileInfo[] files = null;

        string salesFTPPath = "C:/filePath";

        salesFTPDirectory = new DirectoryInfo(salesFTPPath);
        files = salesFTPDirectory.GetFiles();

        files = files.OrderBy(f => f.Name).ToArray();

        var salesFiles = files.Where(f => f.Extension == ".xls" || f.Extension == ".xml" || f.Extension == ".jps" || f.Extension == ".jpg" || f.Extension == ".jpeg" || f.Extension == ".png");

        return Json(salesFiles.ToList(), JsonRequestBehavior.AllowGet);
    }

另外，考虑只将所需的数据返回给视图。 FileInfo对象很复杂，可能不容易序列化。

希望这可以帮助