Question

我是新来的。我环顾了几天，但没找到任何东西。但我在这里读了很多很棒的答案。

我有什么：我目前有一个Bootstrap＆＃34;网站＆＃34;用于本地共享。没有外线电话。这个或多个页面用于管理快速用户界面的文件（docx，xlsx，txt等）。通过从本地文件夹调用文件的URL访问文件。所有文件都存储在＆＃34;网站＆＃34;内的文件夹中。目录文件夹。

我需要的是什么：我正在寻找一种方法，使用户能够使用按钮浏览并添加新文件作为URL链接到的类别列表中引导网站。类别列表如下所示。

<button type="button" class="btn btn-primary" data-toggle="collapse"   data-target="#10">Category</button>
                <div id="10" class="collapse">
                <ul class="list">
                    <li><a href="">Item</a></li>
                    <li><a href="">Item</a></li>
                    <li><a href="">Item</a></li>
                    <li><a href="">Item</a></li>
                    <li><a href="">Item</a></li>
                </ul>
            </div>

我对可以进行的任何更改持开放态度，但我更愿意为可能继承此项目的人保持尽可能简单，我希望保留格式/样式。它非常有用，它成为不熟练用户的习惯。此外，这将不会托管在Web服务器上。它需要从共享中运行。这可以用jquery或类似的东西来完成吗？

Answer 1

我在你的规范中看到的基本问题是一件事 - 你有一个网络应用程序，在本地运行，并希望访问本地文件......对吗？我的意思是，你说你有URL指向那些本地文件...是否有通过HTTP提供这些文件的网络服务器？或者你正在浏览文件protocoll（file：//）？

我在这里看到两个解决方案：

使用HTTP - 意味着，你必须设置一个http服务器，只是为了提供那些在本地找到的文件......感觉团结，完全超载这么简单的任务。使用这个“服务器”应用程序，就像你的文件的API一样，你可以使用PHP或Java或任何查找文件夹的东西 - 遍历所有文件，也可以使用特殊的URL（localhost / listAllFiles），你可以获取可用于动态填充bootstrup ul / li的所有文件的列表。

缺点：您需要一个新的ServerApp来提供此API。你需要一个http服务器。

使用HTML5文件API。浏览器通常根本无法访问本地硬盘（安全原因）。但是使用现在可用的html5文件API（http://www.html5rocks.com/de/tutorials/file/dndfiles/） - 您可以要求应用程序的用户授予对其驱动器的访问权限。

授予访问权限后 - 您可以使用简单的javascript查找任何文件夹及其文件！

所以，我会在这个简单的任务中使用该解决方案......

离开带有空ul的html - 在页面加载时，我会得到一个包含html5文件api的所有文件的列表 - 并用纯javascript动态填充ul / li ... bam，完成！：）

你对保持引导程序的编码风格有什么看法...这仍然是给定的，无论你如何解决它...填充ul / li并以不同方式设置它是两回事。你在这里要问的是如何获取数据并进行渲染 - 但是如何显示，这已经由bootstrap提供了。

我的意思是，您不必向构造添加更多自定义类，也不必向其添加新的dom元素。但是将它留空以进行初始加载并且只是通过javscript动态填充它并不会破坏这种理智 - 并且必须可以用于每个引导项目;）

一个不了解编码的人仍然可以通过CSS来重新设计它。而像这样的人永远无法编写像“从本地硬盘驱动器获取文件并填充”这样的解决方案动态“ - 这与引导程序本身没什么关系：）

Bootstrap浏览以在列表中添加URL

1 个答案: