使用 Javascript 从文件位置获取 url答案

【问题标题】：Getting url from file location using Javascript使用 Javascript 从文件位置获取 url
【发布时间】：2016-11-22 21:37:01
【问题描述】：

我有一个滑块，它在 SharePoint 的框架中使用 html 文件。幻灯片更改非常频繁，并且此滑块正在推出 10 次以上。我想创建一个工作流程，以便最终用户可以自己更改滑块/href。我已经创建了下面的函数，它动态地创建了我的“li”和“a”并且正在工作。最终我将使用变量来获取“src”等。

我的问题是我想做一个“for each”来运行一个指定的目录并获取文件名，这样我就可以为每个文件创建一个新的“li”和“a”并拉入我的"src" 也为 "a" 动态。

如果我说得不对，我深表歉意。我是 JavaScript 和一般编程的新手。我花了很多时间试图自己弄清楚这一点。任何帮助/解释/指导将不胜感激。

<!DOCTYPE html>
<html>
<head></head>
<body>
    <script>
        document.body.onload = addElement;

        function addElement() {
            //run through a directory and grab URLs

            // create a new li element 
            var newLi = document.createElement("li");
            //create img
            var newImg = document.createElement("img");
            newImg.setAttribute("src", "Intranet_643x296.jpg");
            newImg.setAttribute("height", "100%");
            newImg.setAttribute("border-radius", "10px");
            newImg.setAttribute("alt", "Einstein");
            // Set its contents:
            document.getElementById("ulimage").appendChild(newImg);
        }
    </script>
    <ul id="ulimage"></ul>
</body>
</html>

【问题讨论】：

您的问题是一个陈述。我的问题是，我的名字是罗伯特。
@Iwrestledabearonce。我认为虽然不明显，但他的问题很明显。
一个人显然可以用“我怎么做”来锯“我想”，但即使这样，问题也不清楚。希望别人能理解。

标签： javascript arrays javascript-objects

【解决方案1】：

这是不可能的！出于明显的安全原因，您无法访问客户端文件系统。

【讨论】：

当然可以。这就是文件输入的用途。
你不能通过“文件”输入访问整个目录

【解决方案2】：

不幸的是，如果您想在客户端执行此操作，正如@erwan 所回答的那样，这是不可能的。

另外，我假设目录在服务器上？
如果是这样，那么只需获取服务器端的所有文件名，然后您就可以在您的 javascript 中使用它们。

更新

如果您使用的是 php，那么这样的东西会抓取特定目录中的所有内容

// Directory 
$directory = $_SERVER['DOCUMENT_ROOT'] . '/images';

chdir($directory); // change directory (not necessary but retrieves only filenames) 

// Get all files in directory
$images = glob('*'); // returns an array that you can use in a foreach loop

// also you should probably lookup the glob function (see below) to see the options

在此处查看 glob 的文档Glob
如果您只想选择特定的扩展，请使用模式

glob('*.{jpg, png}', GLOB_BRACE)

希望对你有帮助

【讨论】：

它在服务器端。有没有办法在服务器端动态抓取所有这些？它们每周更改几次，我希望它能够自动化，这样我就不必为每个站点都这样做。一次不超过 7-8 张幻灯片。
您使用什么语言？ php?
我们的公司办公室不会在我们的农场上启用对 PHP 的支持。它不够干净，我无法设置 PHP 服务器并让 SharePoint 在框架中提供内容。还有其他建议或解决方案吗？
不幸的是，您需要一种服务器端语言才能访问文件系统。 HTML 和 JavaScript 将无法实现您正在寻找的内容