jQuery 从目录中拉取图片

Posted 2023-02-23

【中文标题】jQuery 从目录中拉取图片

【英文标题】：jQuery pull images from directory

【发布时间】：2010-10-26 00:49:57

【问题描述】：

是否可以从本地文件中提取一堆 .jpg 图片并将它们放入列表中？ 对不起，我很模糊

从目录（相对于索引）中拉取。

我想在一个图像标签中按顺序列出它们。

【问题讨论】：

是的。没有serioulsy，请澄清你的问题。图片应该上传吗？清单应该是什么？

本地如“从 c:\MyPrivatePictures 获取图像”？不。

您的意思是从客户端的本地计算机中提取文件吗？我当然希望不会。我不希望 javascript 访问我的文件。您的意思是从服务器上的目录中提取文件吗？它不能用 javascript 完成（而 jQuery 是 javascript），因为 javascript 是在客户端上运行的。你可以做的是有一个服务器端脚本/页面/whateveryouuseinyourapplication，它返回一个图像 url:s 列表，并使用 AJAX 调用它，例如使用 jQuery。

听起来不错，我该怎么做？

我认为您可以在 [此处][1] 找到解决方案。 [1]：***.com/questions/8031951/…

【参考方案1】：

您可以使用以下内容动态创建图像并将其附加到列表中。

$('<img />')
    .attr('src', 'FOLDER LOCATION HERE')
    .appendTo('#mylist')

一些快速搜索让我找到了一个 FileSystemObject ( ActiveX =( ) 来搜索文件夹中的文件。

这是一个链接：http://www.codeproject.com/KB/scripting/search_in_files.aspx

但是，如果您正在执行任何服务器端处理（.net、php 等），那将是确定哪些图像可供您在页面上显示的最佳方式。 （所以如果你能澄清）

【参考方案2】：

您是说您有一个本地文本文件，其中包含图像的位置？

<?php
$handle = fopen("localfile.txt", 'r');

echo '<ul>';
while ($line = gets($handle)) 
    echo '<li><img src="' . $line . '"/></li>';

echo '</ul>';

fclose($handle);
?>

【讨论】：

该方法称为“fgets”而不是“gets”

【参考方案3】：

简短回答：不，你不能。

长答案：您将需要使用 php 创建这些文件的列表，其代码类似于 Charles 发布的代码，然后将其 AJAX 放入您的 jQuery。

【讨论】：

其实完全可以独立使用jQuery Ajax。我正在开发一个 jQuery 插件，它就是为画廊等设计的。但是，我不能引用所说的项目，因为我仍在研究它。

【参考方案4】：

使用php代码打印一个目录的所有图片：

<?php
$a=array();
if ($handle = opendir('.')) 
    while (false !== ($file = readdir($handle))) 
       if(preg_match("/\.png$/", $file)) 
            $a[]=$file;
    else if(preg_match("/\.jpg$/", $file)) 
            $a[]=$file;
    else if(preg_match("/\.jpeg$/", $file)) 
            $a[]=$file;

    
    closedir($handle);


foreach($a as $i)
    echo "<img src='".$i."' />";

?>

【讨论】：

问题是 jquery。这可能是一个很好的答案，但这里不需要。