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

Question

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

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

1）使用PHP获取文件夹中的图像数量。

2）将此数据传输到javascript。

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

请帮助我了解我需要做什么才能完成这两项工作。

Answer 1

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

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

2. 将值放入 js 变量中。

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

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

计算目录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 变量。