Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导浏览以在列表中添加url_Jquery_Html_Twitter Bootstrap - Fatal编程技术网

Jquery 引导浏览以在列表中添加url

Jquery 引导浏览以在列表中添加url,jquery,html,twitter-bootstrap,Jquery,Html,Twitter Bootstrap,我不习惯问。我四处找了几天,什么也没找到。但我在这里读到了很多很好的答案 我拥有的:我目前拥有一个用于本地共享的引导“网站”。没有外部呼叫。此页面用于管理文件(docx、xlsx、txt等),以实现快速用户界面。通过从本地文件夹调用文件的URL访问这些文件。所有文件都存储在“网站”目录文件夹内的文件夹中 我需要什么:我正在寻找一种方法,使用户能够使用按钮浏览并将新文件作为URL链接添加到引导站点的类别列表中。类别列表如下所示 <button type="button" class="btn

我不习惯问。我四处找了几天,什么也没找到。但我在这里读到了很多很好的答案

我拥有的:我目前拥有一个用于本地共享的引导“网站”。没有外部呼叫。此页面用于管理文件(docx、xlsx、txt等),以实现快速用户界面。通过从本地文件夹调用文件的URL访问这些文件。所有文件都存储在“网站”目录文件夹内的文件夹中

我需要什么:我正在寻找一种方法,使用户能够使用按钮浏览并将新文件作为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或类似的东西来完成吗?

我在您的规范中看到的基本问题是一件事——您有一个web应用程序,在本地运行,并且想要访问本地文件。。。正确的?我是说,好吧,你是说你有指向那些本地文件的URL。。。是否有通过HTTP交付这些文件的Web服务器?或者您正在浏览文件protocoll(文件://)

我在这里看到两种解决方案:

  • 使用HTTP-这意味着,您必须设置一个HTTP服务器来交付那些在本地找到的文件。。。对于这样一个简单的任务,我感到笨拙和完全超载。使用这个“服务器”应用程序,就像文件的API一样,您可以使用PHP或Java或任何工具来查找文件夹-迭代所有文件,或者在一个特殊的URL(localhost/listAllFiles)中,您可以获得所有可用文件的列表,以动态填充bootstrup ul/li
  • 缺点:你需要一个新的ServerApp来服务这个API。您需要一个http服务器

  • 使用HTML5文件API。浏览器通常根本无法访问本地硬盘(出于安全原因)。但是使用现在可用的html5文件API(),您可以要求应用程序的用户授予对其驱动器的访问权限
  • 授予访问权限后,您可以使用简单的javascript查找任何文件夹及其文件

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

    将html保留为空的ul-on页面加载,我将获得一个包含html5文件api的所有文件的列表,并使用纯javascript动态填充ul/li。。。砰,完成了!:)

    关于保持引导的编码风格,你怎么说。。。这仍然是给定的,不管你如何解决它。。。填充ul/li和对其进行不同的样式设计是两件不同的事情。。这里您要问的是如何获取数据并进行渲染-但是如何显示数据,这已经由引导程序给出

    我的意思是,您不必向构造中添加更多自定义类,也不必向构造中添加新的dom元素。 但在初始加载时将其保留为空,并且仅通过javscript动态填充它并不会破坏这种理智性——而且对于每个引导项目都必须是可能的;)


    一个不知道编码的人仍然能够通过CSS重新设计它的样式。。像这样的人永远无法编写“从本地硬盘获取文件并动态填充”这样的解决方案-这与引导本身无关:)

    我在您的规范中看到的基本问题是一件事-您有一个web应用程序,在本地运行,并且想要访问本地文件。。。正确的?我是说,好吧,你是说你有指向那些本地文件的URL。。。是否有通过HTTP交付这些文件的Web服务器?或者您正在浏览文件protocoll(文件://)

    我在这里看到两种解决方案:

  • 使用HTTP-这意味着,您必须设置一个HTTP服务器来交付那些在本地找到的文件。。。对于这样一个简单的任务,我感到笨拙和完全超载。使用这个“服务器”应用程序,就像文件的API一样,您可以使用PHP或Java或任何工具来查找文件夹-迭代所有文件,或者在一个特殊的URL(localhost/listAllFiles)中,您可以获得所有可用文件的列表,以动态填充bootstrup ul/li
  • 缺点:你需要一个新的ServerApp来服务这个API。您需要一个http服务器

  • 使用HTML5文件API。浏览器通常根本无法访问本地硬盘(出于安全原因)。但是使用现在可用的html5文件API(),您可以要求应用程序的用户授予对其驱动器的访问权限
  • 授予访问权限后,您可以使用简单的javascript查找任何文件夹及其文件

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

    将html保留为空的ul-on页面加载,我将获得一个包含html5文件api的所有文件的列表,并使用纯javascript动态填充ul/li。。。砰,完成了!:)

    关于保持引导的编码风格,你怎么说。。。这仍然是给定的,不管你如何解决它。。。填充ul/li和对其进行不同的样式设计是两件不同的事情。。这里您要问的是如何获取数据并进行渲染-但是如何显示数据,这已经由引导程序给出

    我的意思是,您不必向构造中添加更多自定义类,也不必向构造中添加新的dom元素。 但在初始加载时将其保留为空,并且仅通过javscript动态填充它并不会破坏这种理智性——而且对于每个引导项目都必须是可能的;)