网页内目录浏览答案

【问题标题】：directory browsing within webpage网页内目录浏览
【发布时间】：2012-06-17 01:43:31
【问题描述】：

我想给用户一个网页内的文件浏览器。

这是我尝试过的。我正在尝试自己呈现文件内容。我正在努力做到这一点，因此 div 与您在网页中的普通目录浏览中获得的 div 相同。我已经成功地使 div 以可视方式工作，显示所选文件夹的内容，但是当尝试单击该目录中的文件时，它找不到该文件，因为它正在寻找错误的文件路径 index.html/ 而不是 @987654322 @。

代码：

<div id="new-nav"></div>

<script>
  $("#new-nav").load("/videos");
</script>

在网页中为用户提供“文件浏览器”体验的最佳方式是什么？

【问题讨论】：

为什么不直接使用 iframe 呢？除非您生成的目录列表包含绝对 url，否则浏览器将使它们相对于 div 所在的页面，而不是您用来加载列表的 url。使用 iframe 可以解决这个问题，因为它将是自己独特的小文档，并且有自己的基本 url。
哇，我一直试图让它工作几个小时，这在 20 秒内工作，太棒了！谢谢！选择 iframe 大小的最佳方法是什么？
喜欢这个<iframe height="200" width="200"
哇，谢谢，这是我在这个网站上的第一篇文章，我刚刚开始学习各种语言的更深入的代码，这是迄今为止最好的帮助社区。谢谢你有没有办法为你的帮助或其他东西提供声誉？
您可以要求@MarcB 将他的评论作为答案并接受，因为这解决了您的问题。您还可以对任何评论或答案进行投票。 :)

标签： php jquery html perl directory

【解决方案1】：

我建议改用http://ckfinder.com/demo。

在其网站上列出的 CkFinder 的功能

轻量级界面。
无页面刷新：快速响应。
文件夹树形导航：对所有用户都直观。
高质量的图像缩略图，可以快速查找内容。
具有自动用户语言检测的多语言支持。
文件和文件夹的上下文相关菜单。
使用进度条 (*) 上传多个文件。
内容的完全用户控制：创建、重命名和删除文件夹和文件。
拖放支持在文件夹之间复制和移动文件。
完全的开发者控制：所有功能都可以精确配置强大的 ACL 和用户角色系统。
灵活配置：将文件存储在私人文件夹中，也在文档根目录之外。
安全文件上传：所有上传的文件都按照开发商制定的规则。
包含用于服务器端集成的完整源代码。
与 CKEditor 和 FCKeditor 即时集成。

【讨论】：

这看起来很有趣，我将不得不对其进行研究，看看它是否适合我正在寻找的东西，谢谢！