afbeelding-uploaden-en-resizen

php_value upload_max_filesize 4M
php_value post_max_size 5M
php_value memory_limit 16M

<?php

# configuratie bestand van mijn persoonlijke database
# waarin adres bestanden e.d. geplaatst kan worden.

// $user = je gebruikersnaam voor mysql
// $password = het wachtwoord
// $host = het adres van je mysql server, normaliter is dit localhost
// $dbname = de naam van je mysql database

$user= "root";
$password="";
$host="localhost";
$dbname="cynthia";

$db = mysql_connect ($host, $user, $password) or die ("Kan geen verbinding maken met de database ");
mysql_select_db ($dbname,$db);
[/code]

--- install.php ----
[code]
[code]<?php
# voorbeeld database installatie script

// lees de waarden in van het configuratie bestand

require_once("config.php");

// Maak de hoofd database
$resultaat = "CREATE TABLE afbeelding (nummer INT(10) NOT NULL
                    AUTO_INCREMENT, omschrijving mediumtext,
                   afbeelding VARCHAR(50) NOT NULL, thumbnail VARCHAR(50) NOT NULL, PRIMARY KEY (nummer))";
              
   if (mysql_query($resultaat)){
       echo "Hoofddatabase is gemaakt!";
        } else {
           echo "Het is helaas niet gelukt een tabel te maken";
       }    

?>


--- Upload_afbeelding.php ---


<?php
# De verwerking van de gegevens doen we gewoon
# met een eenvoudig formulier.

# Procedure geschreven door Cynthia Fridsma
// verbind de server


// Error reporting aan
error_reporting (E_ALL);

require_once("config.php");

// gebruik het filter voor de afbeeldingen
include ("filter.php");

# als het formulier nog niet eerder is gebruikt dan
# wordt er een formulier getoond op je scherm.



?>
<br><br><br>
<form name="form1" method="post" action="<?php $_SERVER['PHP_SELF']; ?>" enctype="multipart/form-data">

<!-- Hier komt het verborden veld 'go met de waarde 'go' -->
   <input name="go" type="hidden" value="go">
       <table width="450" border="0" bgcolor="#99CCFF" align="center">
       <tr><td bgcolor="#99CCFF">Omschrijving</td>
       <td><textarea name="omschrijving" cols="50" rows="15" id="omschrijving"></textarea></td>
    </tr>
    <tr>
      <td bgcolor="#99CCFF">Afbeelding</td>
      <td><input name="afbeelding" type="file" accept="image/jpeg" id="afbeelding" size="50">
        <input type="hidden" name="MAX_FILE_SIZE="100000">
    </tr>
    <tr>
      <td bgcolor="#99CCFF">&nbsp;</td>
      <td><input type="submit" name="Submit" value="Verzenden">
      <input type="reset" name="Reset" value="Herstellen"></td>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>

<?php


// Deze procedure wordt aangeroepen nadat men op verzenden heeft gedrukt

if (isset($_POST['go'])):

# Deze procedure zordt ervoor dat de afbeeldingen
# op je server worden geplaatst en tevens in je
# mysql database.

// bepaal de huidige directory
$hello = getcwd();

# hier komen de afbeeldingen, als je
# het script in de directory hallo hebt geinstalleerd
# dan worden de afbeeldingen in hallo/images/
# geplaatst en de thumbnails in de directory
#hallo/images/thumb/

$file_dir = ($hello . "/images/");
$thumb_dir=($hello . "/thumb/");


# converteer omschrijving en verwijder ongewenste HTML tags

// eerst gebruiken we de BB filter om de BB codes om te
// zetten in geldige HTML varianten.
$stap1 = qcms_tags($_POST['omschrijving']);

// toegestane html tags
$allow="<b><i><u>";

// verwijder ongewenste html tags
$stap2= strip_tags($stap1, $allow);

// converteer een return in een <br> code (voor HTML).
$omschrijving = nl2br($stap2);

# we moeten natuurlijk wel zeker weten
# dat de directory bestaat. Dit controleren wij
# met de opdracht is_dir via de volgende routine :

if (is_dir ($file_dir)) {
//  print "<br><br>++directorty bestaat";  
  }  else {  
//  print "<br><br>--Directory bestaat nog niet" . $file_dir;  
    $newpage = $file_dir;
//    echo ("<br>we gaan daarom de directory aanmaken");
    mkdir ($newpage, 0777);    
  }  


// en de thumbnail directory moet natuurlijk ook bestaan
if (is_dir ($thumb_dir)) {
  print "<br><br>++Thumbnail directorty bestaat";  
  }  else {  
  print "<br><br>--Thumbnail directory bestaat nog niet" . $thumb_dir;  
    $newpage2 = $thumb_dir;
    echo ("<br>we gaan daarom de directory aanmaken");
    mkdir ($newpage2, 0777);    
  }  


// toon de systeem datum in Nederlands formaat.
echo date("d/m/y G.i:s");


echo ("<br><br>");

# Ik heb besloten om $_FILES als een array te
# laden, zodat je (eventueel) meer afbeeldingen via
# een formulier op je server kunt plaatsen.

foreach($_FILES as $file_name => $file_array) {
      
       # Verander de bestandsnaam zodat het een geldig bestandsnaam wordt
       # in een Linux omgeving. (Een Mac en een Windows omgeving zijn
       # veel relaxer met bestandsnaam m.b.t. spaties, hoofdletters en
       # een mengeling van beide, maar dit geldt niet voor Linux, bovendien
       # zijn bestanden in een Linux omgeving hoofdletter gevoelig.
      
       $file_name=str_replace("'", "_", $file_array['name']);
       $file_name=str_replace("php", "_", $file_array['name']);
       $file_name=str_replace("js", "_", $file_array['name']);
       $file_name=str_replace("asp", "_", $file_array['name']);
       $file_name=str_replace("`", "_", $file_array['name']);
        $file_name=str_replace(".php", "_", $file_array['name']);    
       $file_name=str_replace(" ", "_", $file_array['name']);
       $file_name=stripslashes ($file_name);
       $file_name=trim($file_name);      
       $file_name=strtolower($file_name);    
                
       echo "path: " .$file_array['tmp_name'] . "<br>\n";
       echo "name: " .$file_name . "<br>\n";    
       echo "type: " .$file_array['type'] ."<br>\n";
       echo "size: " .$file_array['size'] ."<br>\n";
      
      
       # grootte van de afbeelding
       $size =  $file_array['size'];
      
       if ($size >100000) :
              echo "Sorry maar deze afbeelding is te groot,<br>\nEen
                  afbeelding mag maximaal 1 Mb groot zijn!";
                  
            else:          
                  

      
      
       # gebruik de functie afbeeldingen (zie filter.php) om te
       # controleren of het om een afbeelding gaat.
       # de waarde van $test wordt 1 indien het een afbeelding betreft,
       # in alle andere gevallen is $test leeg.


        // beveiliging tegen uploaden van scripts
      $test_scripts = stout($file_name);      
       if ($test_scripts ==""):
      
      
       $test = afbeeldingen($file_name);      
       if ($test !=""):
      

      
           echo $file_name . " dit is een afbeelding<br>";
            if (is_uploaded_file($file_array['tmp_name'])) {
            // Content type
            move_uploaded_file($file_array['tmp_name'], "$file_dir/$file_name") or die ("Couldn't copy");                 

            # einde                     
                
                 echo "Afbeelding staat op de server<br><br>";
                 // voeg de locatie + omschrijving van de afbeelding toe in de database

                 $afbeelding = "images/" . $file_name;
                 $thumbnail = "thumb/" . $file_name;
                 $query = "INSERT INTO afbeelding (nummer, omschrijving, afbeelding, thumbnail) VALUES ('', '$omschrijving','$afbeelding', '$thumbnail')";    
                    if(!mysql_db_query($dbname,$query,$db)) die(mysql_error());                      
                        echo $afbeelding . " is toegevoegd aan de database met als omschrijving : <br>";                    
                                    # thumbnail

            // alle afbeeldingen worden geresized op 50%
            $percent = 0.5;

    
            // Nieuwe afmetingen
            list($width, $height) = getimagesize($afbeelding);
            $newwidth = $width * $percent;
            $newheight = $height * $percent;

            // Laden van de afbeelding
            $thumb = imagecreatetruecolor($newwidth, $newheight);
            $source = imagecreatefromjpeg($afbeelding);
            
            // Resize
            imagecopyresampled($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);

            // Afbeedling opslaan in de thumbs directory
            imagejpeg($thumb, $thumbnail, 75);
            echo $_POST['omschrijving'] ;
            }

           endif;  
          endif;
          // beveiliging tegen uploaden scripts
          if ($test_scripts  !=""):
               echo $file_name . " dit is geen afbeelding en wordt daarom niet op de server geplaatst<br>\n";      
          endif;
        endif;
      }

    endif;


?>

</body></html>


---- filter.php -----



<?php
[code]<?php
#Filter.php
#
# Je kan deze functie zelf verder uitbreiden door
# de functie afbeeldingen te kopiëren en aan te passen
# aan je eigen wensen.
 
# procedure geschreven door Cynthia Fridsma

// functie voor het testen van de file extensies

function afbeeldingen ($file_name)  {
   return(ereg('[]0-9a-zA-Z_[-]+(.jpg)|(.gif)|(.bmp)|(.png)', $file_name));  

}


// beveiliging tegen uploaden van scripts.
function stout ($file_name)  {
   return(ereg('[]0-9a-zA-Z_[-]+(.php)|(.js)|(js)|(php)', $file_name));  

}


/*

Als je de functie gaat kopieren, dan hoef je alleen de functie naam
aan te passen + de extensies. Bijvoorbeeld :

function geluid ($file_name)  {
   return(ereg('[]0-9a-zA-Z_[-]+(.mp3)|(.wav)|(.wma)|(.snd)', $file_name));  

}

*/
[/code]

---- browse.php -----


[code]

[code]<?php
# Blader functie
#
# php script ontworden door Cynthia Fridsma



error_reporting (0);
require_once("config.php");

# We gaan even overschakelen naar HTML om een stylesheet te laden
# en een Javascript om een schaduw rondom een afbeelding te tekenen
        
# Deze stylesheet en javascript heb ik gevonden op http://www.dynamicdrive.com/style/
# Tja, ik kan natuurlijk niet alles weten ;-)

?>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

</style>

<script type="text/javascript">

var gradientshadow={}
gradientshadow.depth=6 //Depth of shadow in pixels
gradientshadow.containers=[]

gradientshadow.create=function(){
var a = document.all ? document.all : document.getElementsByTagName('*')
for (var i = 0;i < a.length;i++) {
    if (a[i].className == "shadow") {
        for (var x=0; x<gradientshadow.depth; x++){
            var newSd = document.createElement("DIV")
            newSd.className = "shadow_inner"
            newSd.id="shadow"+gradientshadow.containers.length+"_"+x //Each shadow DIV has an id of "shadowL_X" (L=index of target element, X=index of shadow (depth)
            if (a[i].getAttribute("rel"))
                newSd.style.background = a[i].getAttribute("rel")
            else
                newSd.style.background = "black" //default shadow color if none specified
            document.body.appendChild(newSd)
        }
    gradientshadow.containers[gradientshadow.containers.length]=a[i]
    }
}
gradientshadow.position()
window.onresize=function(){
    gradientshadow.position()
}
}

gradientshadow.position=function(){
if (gradientshadow.containers.length>0){
    for (var i=0; i<gradientshadow.containers.length; i++){
        for (var x=0; x<gradientshadow.depth; x++){
          var shadowdiv=document.getElementById("shadow"+i+"_"+x)
            shadowdiv.style.width = gradientshadow.containers[i].offsetWidth + "px"
            shadowdiv.style.height = gradientshadow.containers[i].offsetHeight + "px"
            shadowdiv.style.left = gradientshadow.containers[i].offsetLeft + x + "px"
            shadowdiv.style.top = gradientshadow.containers[i].offsetTop + x + "px"
        }
    }
}
}

if (window.addEventListener)
window.addEventListener("load", gradientshadow.create, false)
else if (window.attachEvent)
window.attachEvent("onload", gradientshadow.create)
else if (document.getElementById)
window.onload=gradientshadow.create

</script>
<?php


// bepaal de positie
if (isset($pos)==0)
    $pos=0;
    $count = 1;    
    
// lees record nummer
//if (isset($_GET['pos'])):
//   $record = $_GET['pos'] + 1;
//   echo "<h2>$record</h2>";
//   else:
//   $record=1;
//   echo "<h2>record = 1 $record</h2>";
//endif;

$b = $_GET['pos'] + 1;


    # databse:      nummer, omschrijving,     afbeelding, thumbnail

    // totaal aantal afbeeldingen:
     $an_id=@mysql_query("SELECT nummer, omschrijving, afbeelding, thumbnail FROM afbeelding WHERE
    nummer='$b' ORDER BY nummer DESC LIMIT  $pos, $count");
        
    $result=@mysql_query("SELECT nummer FROM afbeelding WHERE nummer >0");
    $total = @mysql_num_rows($result);        
    if ($total == 0):
        echo "Er zijn nog geen afbeeldingen beschikbaar....";        
        else:
        
        # We zijn weer terug in de vertrouwde PHP omgeving :-)
        

         echo "<table width=\"550\" border=\"0\" align=\"center\">
              <caption><b>Mijn foto album</b></caption>
              <tr>
                <td>Aantal afbeeldingen: $total</td></tr>
                <td>";
    
        if ($_GET['pos']>0):        
        echo "<a href=" . chr(34) . "?pos=";
            echo $a=$b-2;                    
            echo chr(34) . " >Terug</a> ";
        endif;
        if (mysql_num_rows($an_id)>$b || $b<$total):
            echo "<a href=\"?pos=$b \">Volgende</a>";                
        endif;
        echo "</td></tr>";
        
        // haal de gegevens op uit de database
        # databse:      nummer, omschrijving,     afbeelding, thumbnail
         while ($row = @mysql_fetch_object($an_id)) :
              $nummer = $row->nummer;
              $omschrijving= $row->omschrijving;
            $afbeelding=$row->afbeelding;
            $thumbnail=$row->thumbnail;
       endwhile;

      # met deze gegevens maken we een tabel!        
        echo "<tr><td><a href=\"$afbeelding\" title=\"klik hier voor de voledige afbeelding\"
            target=\"_blank\"><img src=\"$thumbnail\" border=\"0\" class=\"shadow\" rel=\"black\"></a>
            <br></td></tr>
      <tr><td>$omschrijving </td></tr><tr><td>";
        
        # De blader functie
        
        if ($_GET['pos']>0):        
            echo "<tr><td><a href=\"?pos=$a=$b-2\">Terug</a>";
        endif;
        if (mysql_num_rows($an_id)>$b || $b<$total):
        echo "&nbsp;<a href=\"?pos=$b\">Volgende</a></td></tr></table>";                
        endif;
        
        
    endif;
    
[/code]