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


Images in folder as a javascript variable

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

两件事我不知道该怎么做:

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

2)将此数据传输到javascript。

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

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

  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;

现在在索引中.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 变量。