A lot of times I need to show a client some screenshots of webpages, or applications that I'm working on.

And usually, the client is very stupid when it comes to browsing a folder listing in a webpage (somehow, they don't know that they click on the image, view it, click back, and view another one.)

So I throw in this index.pl file in the folder and now they can happily see the picture AND the other links as well.

#!/usr/bin/perl -w
use strict;
use CGI qw/:standard/;

print header;
print start_html({-title=>'Image Lister', -bgcolor=>"#cccccc"});
my $me = CGI::url();

if (param('pic')) {
    my $pic = param('pic');
    $pic =~ s/^\.+//;
    if ( -e "./$pic" ) {
        print img({src=>$pic, border=>1}), br, hr;
    }
    else {
        print "invalid pic.";
    }
}

opendir CURRENT, "." or die "What the? ($!)";
my @images = grep { /(png|jpg|gif)$/ } readdir CURRENT;
close CURRENT;

print br, a({-href=>"$me?pic=$_"}, $_) foreach @images;
print end_html;

[download]

In reply to Image Lister by Chady

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.