【问题标题】:jQuery pull images from directoryjQuery 从目录中拉取图片
【发布时间】:2010-10-26 00:49:57
【问题描述】:

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

从目录(相对于索引)中拉取。

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

【问题讨论】:

  • 是的。没有serioulsy,请澄清你的问题。图片应该上传吗?清单应该是什么?
  • 本地如“从 c:\MyPrivatePictures 获取图像”?不。
  • 您的意思是从客户端的本地计算机中提取文件吗?我当然希望不会。我不希望 javascript 访问我的文件。您的意思是从服务器上的目录中提取文件吗?它不能用 javascript 完成(而 jQuery 是 javascript),因为 javascript 是在客户端上运行的。你可以做的是有一个服务器端脚本/页面/whateveryouuseinyourapplication,它返回一个图像 url:s 列表,并使用 AJAX 调用它,例如使用 jQuery。
  • 听起来不错,我该怎么做?
  • 我认为您可以在 [此处][1] 找到解决方案。 [1]:stackoverflow.com/questions/8031951/…

标签: javascript jquery directory image


【解决方案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。这可能是一个很好的答案,但这里不需要。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-14
    • 1970-01-01
    • 2012-11-01
    • 1970-01-01
    • 2019-09-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多