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 代码收到的响应。

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

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