voltaic
Joined: 05 Jan 2004
Posts: 5
Location: The 9. 1. 6.
|
 Posted: Mon Jan 05, 2004 9:37 pm Post subject: Thumbnail Uploads |
 |
|
Here's another nice mod (although it is definitely more like a hack) for your b2 blog. This hack modifies the uploads popup so that you can do two files at a time if you want to have a thumbnail point to a larger main image. The nice thing about the hack is instead of uploading two files and then hand-writing HTML to do the popup, it does it all for you! We use this hack to do thumbnail popups at DIY Games and it seems to work well.
We got rid of the old b2upload.php file and made an entirely new one. Also we don't have alot of duplicate images, so I removed the part of the file upload where it confirms that you want to rename duplicate files. Instead, this script renames them by default.
| Code: | <?php
/* b2 File Upload - original hack by shockingbird.com */
/* modified by VOLTMAN! to do thumbnails */
$standalone="1";
require_once("./b2header.php");
if ($user_level < 3) //Checks to see if user has logged in
die ("Cheatin' uh ?");
if (!$use_fileupload) //Checks if file upload is enabled in the config
die ("The admin disabled this function");
?><html>
<head>
<title>b2 > upload images/files</title>
<link rel="stylesheet" href="<?php echo $b2inc; ?>/b2.css" type="text/css">
<?php if ($use_spellchecker) { ?>
<script type="text/javascript" language="javascript" src="<?php echo $spch_url; ?>"></script><?php } ?>
<style type="text/css">
<!--
body {
background-image: url('<?php
if ($is_gecko || $is_macIE) {
?>b2-img/bgbookmarklet1.gif<?php
} else {
?>b2-img/bgbookmarklet3.gif<?php
}
?>');
background-repeat: no-repeat;
margin: 30px;
}
<?php
if (!$is_NS4) {
?>
textarea,input,select {
background-color: white;
/*<?php if ($is_gecko || $is_macIE) { ?>
background-image: url('b2-img/bgbookmarklet.png');
<?php } elseif ($is_winIE) { ?>
background-color: #cccccc;
filter: alpha(opacity:80);
<?php } ?>
*/ border-width: 1px;
border-color: #cccccc;
border-style: solid;
padding: 2px;
margin: 1px;
}
<?php if (!$is_gecko) { ?>
.checkbox {
border-width: 0px;
border-color: transparent;
border-style: solid;
padding: 0px;
margin: 0px;
}
.uploadform {
background-color: white;
<?php if ($is_winIE) { ?>
filter: alpha(opacity:100);
<?php } ?>
border-width: 1px;
border-color: #333333;
border-style: solid;
padding: 2px;
margin: 1px;
width: 265px;
height: 24px;
}
<?php } ?>
<?php
}
?>
-->
</style>
<script type="text/javascript">
<!-- // idocs.com's popup tutorial rules !
function targetopener(blah, closeme, closeonly) {
if (! (window.focus && window.opener))return true;
window.opener.focus();
if (! closeonly)window.opener.document.post.content.value += blah;
if (closeme)window.close();
return false;
}
//-->
</script>
</head>
<body>
<table align="center" width="100%" height="100%" cellpadding="15" cellspacing="0" border="1" style="border-width: 1px; border-color: #cccccc;">
<tbody>
<tr>
<td valign="top" style="background-color: transparent; <?php if ($is_gecko || $is_macIE) { ?>background-image: url('b2-img/bgbookmarklet.png');<?php } elseif ($is_winIE) { ?>background-color: #cccccc; filter: alpha(opacity:60);<?php } ?>;">
<?php
if (!$HTTP_POST_VARS["submit"]) {
$i = explode(" ",$fileupload_allowedtypes);
$i = implode(", ",array_slice($i, 1, count($i)-2));
?>
<p><strong>File upload</strong><br />
You can upload <em><?php echo $i ?></em> images.</p>
<!-- <p>The maximum size of each file is <em><?php echo $fileupload_maxk ?> KB</em></p> -->
<form action="b2upload.php" method="post" enctype="multipart/form-data">
<input type="hidden" name="MAX_FILE_SIZE" value="<?php echo $fileupload_maxk*1024 ?>" />
Small picture / thumbnail:
<input type="file" name="img1" size="30" class="uploadform" /><br />
Description:<br />
<input type="text" name="imgdesc" size="30" class="uploadform" /><br />
<br /><br />
Big picture <b>if</b> there is a thumbnail:
<input type="file" name="img2" size="30" class="uploadform" /><br />
(same description as the thumbnail)<br />
<br /><br />
<input type="submit" name="submit" value="upload !" class="search" />
</form>
</td>
</tr>
</tbody>
</table>
</body>
</html><?php die();
}
?>
<?php //Makes sure they choose a file
//print_r($HTTP_POST_FILES);
//die();
if (!empty($HTTP_POST_VARS)) { //$img1_name != "") {
$img1_name = (strlen($img1alt)) ? $HTTP_POST_VARS['img1alt'] : $HTTP_POST_FILES['img1']['name'];
$img1_type = (strlen($img1alt)) ? $HTTP_POST_VARS['img1_type'] : $HTTP_POST_FILES['img1']['type'];
$img2_name = (strlen($img2alt)) ? $HTTP_POST_VARS['img2alt'] : $HTTP_POST_FILES['img2']['name'];
$img2_type = (strlen($img2alt)) ? $HTTP_POST_VARS['img2_type'] : $HTTP_POST_FILES['img2']['type'];
$imgdesc = str_replace('"', '"', $HTTP_POST_VARS['imgdesc']);
$img1type = explode(".",$img1_name);
$img1type = " ".$img1type[count($img1type)-1]." ";
$img2type = explode(".",$img2_name);
$img2type = " ".$img2type[count($img2type)-1]." ";
if (!ereg(strtolower($img1type), strtolower($fileupload_allowedtypes))) {
die("File $img1_name of type $img1type is not allowed.");
}
if (strlen($img2_name)>2 AND !ereg(strtolower($img2type), strtolower($fileupload_allowedtypes))) {
die("File $img2_name of type $img2type is not allowed.");
}
$pathtofile1 = $fileupload_realpath."/".$img1_name;
$pathtofile2 = $fileupload_realpath."/".$img2_name;
$img1 = $HTTP_POST_FILES['img1']['tmp_name'];
$img2 = $HTTP_POST_FILES['img2']['tmp_name'];
// adds numbers to end of duplicates
// no longer checks with user
$i=1;
while (file_exists($pathtofile1)) {
$pos = strpos($pathtofile1, '.'.trim($img1type));
if( $i>1 ) $pos-=3;
$pathtofile_start = substr($pathtofile1, 0, $pos);
$pathtofile1 = $pathtofile_start.'_'.zeroise($i++, 2).'.'.trim($img1type);
$findimg = explode('/', $pathtofile1);
$img1_name = $findimg[count($findimg)-1];
}
$j=1;
if(strlen($img2_name)){
while (file_exists($pathtofile2)) {
$pos = strpos($pathtofile2, '.'.trim($img2type));
if( $j>1 ) $pos-=3;
$pathtofile_start = substr($pathtofile2, 0, $pos);
$pathtofile2 = $pathtofile_start.'_'.zeroise($j++, 2).'.'.trim($img2type);
$findimg = explode('/', $pathtofile2);
$img2_name = $findimg[count($findimg)-1];
}
}
if (!strlen($img1alt)) {
move_uploaded_file($img1, $pathtofile1) //Path to your images directory, chmod the dir to 777
or die("1: Couldn't Upload Your File to $pathtofile1.");
} else {
rename($img1, $pathtofile1) or die("2: Couldn't Upload Your File to $pathtofile1.");
}
if( strlen( $img2_name ) > 2 ) {
if (!strlen($img2alt)) {
move_uploaded_file($img2, $pathtofile2) //Path to your images directory, chmod the dir to 777
or die("1: Couldn't Upload Your File to $pathtofile2.");
} else {
rename($img2, $pathtofile2) or die("2: Couldn't Upload Your File to $pathtofile2.");
}
}
}
if( strlen( $img2_name ) < 2 ) { // no thumbnail
$piece_of_code ="<img src="$fileupload_url/$img1_name" border=0 alt="$imgdesc" />";
} else { // yes thumbnail
$piece_of_code ="<a href="$fileupload_url/$img2_name" onclick="b2open(this.href); return false" />";
$piece_of_code.="<img src="$fileupload_url/$img1_name" border=0 alt="$imgdesc" />";
$piece_of_code.="</a>";
}
?>
<p><strong>File uploaded !</strong></p>
<p>The file <b><?php echo "$img1_name"; ?></b> is OK !
<?php
if( strlen( $img2_name )>2 ) {
?>
<br />The file <b><?php echo "$img2_name"; ?></b> is also OK !
<?php
}
?>
</p>
<p>Here's the code to display it:</p>
<p><form>
<input type="text" name="imgpath" value="<?php echo $piece_of_code; ?>" size="38" style="padding: 5px; margin: 2px;" /><br />
<input type="button" name="close" value="Add the code to your post !" class="search" onClick="targetopener('<?php echo $piece_of_code; ?>')" style="margin: 2px;" />
</form>
</p>
<?php
if( strlen( $img2_name ) < 2 ) {
?>
<p><strong>Image Details</strong>: <br />
name: <?php echo "$img1_name"; ?> <?php if($i>1) echo "(renamed)"; ?><br />
size: <?php echo round($img1_size/1024,2); ?> KB<br />
type: <?php echo "$img1_type"; ?></p>
<?php
} else {
?>
<p><strong>Thumbnail</strong> Details: <br />
name: <?php echo "$img1_name"; ?> <?php if($i>1) echo "(renamed)"; ?><br />
size: <?php echo round($img1_size/1024,2); ?> KB<br />
type: <?php echo "$img1_type"; ?><br /><br />
<strong>Large Image</strong> Details: <br />
name: <?php echo "$img2_name"; ?> <?php if($j>1) echo "(renamed)"; ?><br />
size: <?php echo round($img2_size/1024,2); ?> KB<br />
type: <?php echo "$img2_type"; ?></p>
<?php
}
?>
<p align="right">
<form>
<input type="button" name="close" value="Close this window" class="search" onClick="window.close()" />
</form>
</p>
</td>
</tr>
</tbody>
</table>
</body>
</html> |
To use this is simple. If you have an image that is NOT a thumbnail link, only fill in the top filename and description. If you have an image that IS a thumbnail link, fill in the top filename with the thumbnail image, fill in a description, then fill in the bottom filename with the main/large image. Nice!
Notice: This code is released under the terms of the GNU General Public License for use by anyone for anything. Do with it as you see fit. |
|
FAQ
Search
Memberlist
Usergroups
Register
Profile
Log in to check your private messages
Log in
