网页内目录浏览

Posted 2023-02-23

【中文标题】网页内目录浏览

【英文标题】：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 将他的评论作为答案并接受，因为这解决了您的问题。您还可以对任何评论或答案进行投票。 :)

【参考方案1】：

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

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

轻量级界面。

无页面刷新：快速响应。

文件夹树形导航：对所有用户都直观。

高质量的图像缩略图，可以快速查找内容。

具有自动用户语言检测的多语言支持。

文件和文件夹的上下文相关菜单。

使用进度条 (*) 上传多个文件。

内容的完全用户控制：创建、重命名和删除 文件夹和文件。

拖放支持在文件夹之间复制和移动文件。

完全的开发者控制：所有功能都可以精确配置 强大的 ACL 和用户角色系统。

灵活配置：将文件存储在私人文件夹中，也 在文档根目录之外。

安全文件上传：所有上传的文件都按照 开发商制定的规则。

包含用于服务器端集成的完整源代码。

与 CKEditor 和 FCKeditor 即时集成。

【讨论】：

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