文件夹中的图像作为 javascript 变量

Question

我想要一个javascript变量，等于javascript文件所在目录的图片数量。

有两件事我不知道该怎么做：

1) 使用 PHP 获取文件夹中的图片数量。

2) 将此数据传输到 javascript。

每个步骤网上都有很多版本，但是我不明白如何组合它们，也不知道该选择哪种方式。

请帮助我了解我需要做什么才能完成这 2 个操作。

Answer 1

1. 用于将图像数量计算到文件夹中，

$imgs = scandir($dir);
$f = count($imgs);
echo $f;

2 。将值放入 js 变量中。

现在，让 ajax 调用 php 并编写第一步代码并进入 ajax 的成功回调，将 js 变量值设置为您从 php 代码收到的响应。

对于计算图像，您还可以使用不同的代码。

Count how many files in directory php

示例

创建新的 php 文件并将其命名为您想要的任何名称，但对于此示例，我将其命名为 ajax.php，我将向您展示 jQuery 示例代码。

现在在ajax.php 文件中写入以下代码。

$imgs = scandir($dir);
$f = count($imgs);
echo $f;

现在在 index.php 文件中添加以下代码，

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function()
    {
        var jsvar;

        $.ajax(
        {
            url : 'ajax.php',
            type : 'get',
            success : function(response)
            {
                jsvar = response;
            }
        });
        alert(jsvar);
    });
</script>

粘贴上述代码并保存并在浏览器中运行后，您将看到显示其拥有的图像总数的警报。

jsvar 是您要存储图像总数的 javascript 变量。