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

Question

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

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

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

2）将此数据传输到javascript。

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

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

Answer 1

1. 用于将图像数量提升到文件夹中，

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

2。将值赋入js变量。

现在为make ajax调用php并编写第一步代码并成功回调ajax set js variable value到你从php代码收到的响应。

对于couting图像，您也可以使用不同的代码。

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变量。