Creating a thumbnail from an uploaded image

Question

I m wanting to create a thumbnail from a user uploaded image so the image doesn t look squashed  But also would like a copy of the original image   So I would like the original image to send the original image to my server and also create a thumb version and send it to my server so I can call each of them for each user that uploads their own image   My user table has 2 tables    user pic  longblob NOT NULL   user pic small  longblob NOT NULL    I m not crash hot with the image side of coding but this is what I have so far    Imageupload php   gt   lt form id  myForm  action  include media profileimage upload php   gt  method  POST  enctype  multipart form-data  target  ifr1  gt   gt                     lt input type    file  name    image data  class    input text  style  width 800px    gt       gt                     lt input type    submit  name    submit    class    btn login  value    Upload  gt   gt           lt  form gt    media profileimage upload php  if isset   FILES  image data             if is uploaded file   FILES  image data    tmp name                       prepare the image for insertion                  imgData  addslashes  file get contents   FILES  image data    tmp name                      get the image info                  size   getimagesize   FILES  image data    tmp name                      our sql query              creator id           SESSION  id                 sql    UPDATE users SET user pic     imgData    WHERE id  creator id                sql2    INSERT INTO userphotos photo ownerid photo ispublic  photo name  photo caption  photo imagedata  VALUES   creator id 1  Profile Picture   Profile Picture    imgData                     insert the image             if  mysql query  sql                     echo  Fail  It broke                 else               c mysql query  sql2                    echo   lt script gt  parent alert  Image Uploaded     1000   lt  script gt                                    Would appreciate any help or guidence  Thankyou

User · Answer

just in case  you need to create thumb with a max width and a max height      function makeThumbnails  updir   img   id  MaxWe 100  MaxHe 150        arr image details   getimagesize  img         width    arr image details 0        height    arr image details 1         percent   100      if  width  gt   MaxWe   percent   floor   MaxWe   100     width        if floor   height    percent  100  gt  MaxHe         percent      MaxHe   100     height        if  width  gt   height             newWidth  MaxWe           newHeight round   height  percent  100        else           newWidth round   width  percent  100            newHeight  MaxHe             if   arr image details 2     1             imgt    ImageGIF            imgcreatefrom    ImageCreateFromGIF             if   arr image details 2     2             imgt    ImageJPEG            imgcreatefrom    ImageCreateFromJPEG             if   arr image details 2     3             imgt    ImagePNG            imgcreatefrom    ImageCreateFromPNG               if   imgt             old image    imgcreatefrom  img            new image   imagecreatetruecolor  newWidth   newHeight           imagecopyresized  new image   old image  0  0  0  0   newWidth   newHeight   width   height            imgt  new image   updir     id   t jpg            return

User · Answer

Image Upload with thumbnail generate upload php  lt  php function generate thumb now  field name       target folder      file name        thumb   FALSE   thumb folder        thumb width       thumb height                   folder path setup           target path    target folder            thumb path    thumb folder                file name setup      filename err   explode  quot   quot    FILES  field name   name          filename err count   count  filename err        file ext    filename err  filename err count-1        if  file name                        fileName    file name      file ext              else                fileName     FILES  field name   name                   upload image path      upload image    target path basename  fileName            upload image     if move uploaded file   FILES  field name   tmp name    upload image                    thumbnail creation         if  thumb    TRUE                         thumbnail    thumb path  fileName              list  width  height    getimagesize  upload image                thumb create   imagecreatetruecolor  thumb width  thumb height               switch  file ext                   case  jpg                        source   imagecreatefromjpeg  upload image                       break                  case  jpeg                        source   imagecreatefromjpeg  upload image                       break                  case  png                        source   imagecreatefrompng  upload image                       break                  case  gif                        source   imagecreatefromgif  upload image                        break                  default                       source   imagecreatefromjpeg  upload image                        imagecopyresized  thumb create   source  0  0  0  0   thumb width   thumb height   width  height               switch  file ext                   case  jpg      jpeg                       imagejpeg  thumb create  thumbnail 100                       break                  case  png                       imagepng  thumb create  thumbnail 100                       break                  case  gif                       imagegif  thumb create  thumbnail 100                        break                  default                      imagejpeg  thumb create  thumbnail 100                                   return  fileName             else               return false                   if  empty   FILES  image    name                  upload img   generate thumb now  image   uploads      TRUE  uploads  thumbs    400   320           full path of the thumbnail image      thumb src    uploads thumbs    upload img         set success and error messages      message    upload img  quot  lt span style  color  008000   gt Image thumbnail created successfully  lt  span gt  quot   quot  lt span style  color  F00000   gt Some error occurred  please try again  lt  span gt  quot         else         if form is not submitted  below variable should be blank      thumb src            message                   gt        lt html gt       lt head gt Image upload and generate thumbnail lt  head gt        lt body gt        lt div class  quot messages quot  gt  lt  php echo  message    gt  lt  div gt         lt form method  quot post quot  enctype  quot multipart form-data quot  gt         lt input type  quot file quot  name  quot image quot   gt         lt input type  quot submit quot  name  quot submit quot  value  quot Upload quot   gt       lt  form gt       lt  php if  thumb src           gt       lt div class  quot gallery quot  gt       lt ul gt           lt li gt  lt img src  quot  lt  php echo  thumb src    gt  quot  alt  quot  quot  gt  lt  li gt       lt  ul gt      lt  div gt       lt  php     gt       lt  body gt       lt  html gt

User · Answer

I m guessing you have already figured this one out   But I see that you are storing the images as  longblobs  leading me to think you are storing the entire binary content of the pic     I hope you have realized that it makes much more sense to simply store the file names in your DB and then use that info to grab the pics out of an  upload  folder or similar   TIP - dont save a file path   just the file name    add the path info in your code as needed   That way you have the most freedom down the line   If you need to change folder structure  you can do it in your code rather than changing DB records

User · Answer

UPDATE   If you want to take advantage of Imagick  if it is installed on your server   Note  I didn t use Imagick s nature writeFile because I was having issues with it on my server  File put contents works just as well    lt  php            Generate Thumbnail using Imagick class          param string  img     param string  width     param string  height     param int  quality     return boolean on true     throws Exception     throws ImagickException     function generateThumbnail  img   width   height   quality   90        if  is file  img              imagick   new Imagick realpath  img             imagick- gt setImageFormat  jpeg             imagick- gt setImageCompression Imagick  COMPRESSION JPEG            imagick- gt setImageCompressionQuality  quality            imagick- gt thumbnailImage  width   height  false  false            filename no ext   reset explode       img            if  file put contents  filename no ext     thumb      jpg    imagick      false                throw new Exception  Could not put contents                       return true            else           throw new Exception  No valid image provided with   img                  example usage try       generateThumbnail  test jpg   100  50  65     catch  ImagickException  e        echo  e- gt getMessage      catch  Exception  e        echo  e- gt getMessage        gt      I have been using this  just execute the function after you store the original image and use that location to create the thumbnail  Edit it to your liking      function makeThumbnails  updir   img   id         thumbnail width   134       thumbnail height   189       thumb beforeword    thumb        arr image details   getimagesize   updir     id           img       pass id to thumb name      original width    arr image details 0        original height    arr image details 1       if   original width  gt   original height             new width    thumbnail width           new height   intval  original height    new width    original width         else            new height    thumbnail height           new width   intval  original width    new height    original height              dest x   intval   thumbnail width -  new width    2        dest y   intval   thumbnail height -  new height    2       if   arr image details 2     IMAGETYPE GIF             imgt    ImageGIF            imgcreatefrom    ImageCreateFromGIF             if   arr image details 2     IMAGETYPE JPEG             imgt    ImageJPEG            imgcreatefrom    ImageCreateFromJPEG             if   arr image details 2     IMAGETYPE PNG             imgt    ImagePNG            imgcreatefrom    ImageCreateFromPNG             if   imgt             old image    imgcreatefrom   updir     id           img             new image   imagecreatetruecolor  thumbnail width   thumbnail height           imagecopyresized  new image   old image   dest x   dest y  0  0   new width   new height   original width   original height            imgt  new image    updir     id           thumb beforeword      img              The above function creates images with a uniform thumbnail size  If the image doesn t have the same dimensions as the specified thumbnail size  proportionally   it just has blackspace on the top and bottom

User · Answer

You Can Use The  Simplest Method   lt  php function make thumb  src   dest   desired width            read the source image         source image   imagecreatefromjpeg  src        width   imagesx  source image        height   imagesy  source image           find the  desired height  of this thumbnail  relative to the desired width          desired height   floor  height     desired width    width            create a new   virtual  image         virtual image   imagecreatetruecolor  desired width   desired height           copy source image at a resized size        imagecopyresampled  virtual image   source image  0  0  0  0   desired width   desired height   width   height           create the physical thumbnail image to its destination        imagejpeg  virtual image   dest       src  1494684586337H jpg    dest  new jpg    desired width  200   make thumb  src   dest   desired width     gt

User · Answer

lt  php  error reporting 0     change      abc        define   MAX SIZE   4000     function getExtension  str              i   strrpos  str                if    i    return                 l   strlen  str  -  i            ext   substr  str  i 1  l            return  ext        errors 0    if   SERVER  REQUEST METHOD       POST           image    FILES  file    name         uploadedfile     FILES  file    tmp name          if   image                   filename   stripslashes   FILES  file    name               extension   getExtension  filename            extension   strtolower  extension      if    extension     jpg    amp  amp    extension     jpeg    amp  amp    extension     png    amp  amp    extension     gif                             change   lt div class  msgdiv  gt Unknown Image extension  lt  div gt                  errors 1                    else              size filesize   FILES  file    tmp name       if   size  gt  MAX SIZE 1024         change   lt div class  msgdiv  gt You have exceeded the size limit  lt  div gt          errors 1      if  extension   jpg      extension   jpeg       uploadedfile     FILES  file    tmp name     src   imagecreatefromjpeg  uploadedfile      else if  extension   png      uploadedfile     FILES  file    tmp name     src   imagecreatefrompng  uploadedfile      else     src   imagecreatefromgif  uploadedfile      echo  scr   list  width  height  getimagesize  uploadedfile      newwidth 45   newheight 45   tmp imagecreatetruecolor  newwidth  newheight      newwidth1 90   newheight1 90   tmp1 imagecreatetruecolor  newwidth1  newheight1     tmp2 imagecreatetruecolor  width  height   imagecopyresampled  tmp  src 0 0 0 0  newwidth  newheight  width  height    imagecopyresampled  tmp1  src 0 0 0 0  newwidth1  newheight1  width  height    imagecopyresampled  tmp2  src 0 0 0 0  width  height  width  height     filename    images 1-     FILES  file    name   time      filename1    images 2-     FILES  file    name   time      filename2    images 3-     FILES  file    name   time     imagejpeg  tmp  filename 100    imagejpeg  tmp1  filename1 100    imagejpeg  tmp2  filename2 100    imagedestroy  src   imagedestroy  tmp   imagedestroy  tmp1          if isset   POST  Submit     amp  amp    errors             mysql query  update   prefix users set img   big  img small   small  where user id   user          change    lt div class  msgdiv  gt Image Uploaded Successfully  lt  div gt          gt   lt html xml lang  en  xmlns  http   www w3 org 1999 xhtml  lang  en  gt  lt head gt       lt title gt picture demo lt  title gt       lt link href   css  media  screen  projection  rel  stylesheet  type  text css  gt       lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 3 0 jquery min js  gt  lt  script gt   lt script type  text javascript  src  js jquery 002 js  gt  lt  script gt   lt script type  text javascript  src  js displaymsg js  gt  lt  script gt   lt script type  text javascript  src  js ajaxdelete js  gt  lt  script gt       lt style type  text css  gt     help   font-size 11px  color  006600    body        color   000000   background-color  999999       background  999999 url  lt  php echo  user row  img src      gt   fixed repeat top left        font-family  Lucida Grande    Lucida Sans Unicode   Verdana  Arial  Helvetica  sans-serif                   msgdiv      width 759px  padding-top 8px  padding-bottom 8px  background-color   fff  font-weight bold  font-size 18px -moz-border-radius  6px -webkit-border-radius  6px     container width 763px margin 0 auto padding 3px 0 text-align left position relative  -moz-border-radius  6px -webkit-border-radius  6px  background-color  FFFFFF    lt  style gt      lt  head gt  lt body gt        lt div align  center  id  err  gt   lt  php echo  change    gt    lt  div gt      lt div id  space  gt  lt  div gt          lt div id  container   gt       lt div id  con  gt              lt table width  502  cellpadding  0  cellspacing  0  id  main  gt             lt tbody gt               lt tr gt                 lt td width  500  height  238  valign  top  id  main right  gt                  lt div id  posts  gt                 amp nbsp  amp nbsp  amp nbsp  amp nbsp  lt img src   lt  php   echo  filename    gt     gt    amp nbsp  amp nbsp  amp nbsp  amp nbsp  lt img src   lt  php   echo  filename1    gt      gt                   lt form method  post  action    enctype  multipart form-data  name  form1  gt                   lt table width  500  border  0  align  center  cellpadding  0  cellspacing  0  gt                  lt tr gt  lt Td style  height 25px  gt  amp nbsp  lt  Td gt  lt  tr gt           lt tr gt             lt td width  150  gt  lt div align  right  class  titles  gt Picture                 lt  div gt  lt  td gt             lt td width  350  align  left  gt               lt div align  left  gt                 lt input size  25  name  file  type  file  style  font-family Verdana  Arial  Helvetica  sans-serif  font-size 10pt  class  box   gt                  lt  div gt  lt  td gt            lt  tr gt           lt tr gt  lt Td gt  lt  Td gt           lt Td valign  top  height  35px  class  help  gt Image maximum size  lt b gt 4000  lt  b gt kb lt  span gt  lt  Td gt           lt  tr gt           lt tr gt  lt Td gt  lt  Td gt  lt Td valign  top  height  35px  gt  lt input type  submit  id  mybut  value         Upload          name  Submit   gt  lt  Td gt  lt  tr gt           lt tr gt             lt td width  200  gt  amp nbsp  lt  td gt             lt td width  200  gt  lt table width  200  border  0  cellspacing  0  cellpadding  0  gt                 lt tr gt                   lt td width  200  align  center  gt  lt div align  left  gt  lt  div gt  lt  td gt                   lt td width  100  gt  amp nbsp  lt  td gt                 lt  tr gt             lt  table gt  lt  td gt           lt  tr gt         lt  table gt       lt  form gt    lt  div gt               lt  td gt            lt  tr gt             lt  tbody gt        lt  table gt      lt  div gt      lt  div gt      lt  body gt  lt  html gt

User · Answer

I know this is an old question  but I stumbled upon the same problem and tried to use the function given in Alex s answer   But the quality in the jpeg result was too low  So I changed the function a little bit to become more usable in my project and changed the  imagecopyresized  to  imagecopyresampled   according to this recomendation     If you are having questions about how to use this function  then try taking a look at the well documented version here   function createThumbnail  filepath   thumbpath   thumbnail width   thumbnail height   background false        list  original width   original height   original type    getimagesize  filepath       if   original width  gt   original height             new width    thumbnail width           new height   intval  original height    new width    original width         else            new height    thumbnail height           new width   intval  original width    new height    original height              dest x   intval   thumbnail width -  new width    2        dest y   intval   thumbnail height -  new height    2        if   original type     1             imgt    ImageGIF            imgcreatefrom    ImageCreateFromGIF         else if   original type     2             imgt    ImageJPEG            imgcreatefrom    ImageCreateFromJPEG         else if   original type     3             imgt    ImagePNG            imgcreatefrom    ImageCreateFromPNG         else           return false              old image    imgcreatefrom  filepath        new image   imagecreatetruecolor  thumbnail width   thumbnail height      creates new image  but with a black background         figuring out the color for the background     if is array  background   amp  amp  count  background      3          list  red   green   blue     background         color   imagecolorallocate  new image   red   green   blue         imagefill  new image  0  0   color          apply transparent background only if is a png image       else if  background      transparent   amp  amp   original type     3          imagesavealpha  new image  TRUE          color   imagecolorallocatealpha  new image  0  0  0  127         imagefill  new image  0  0   color              imagecopyresampled  new image   old image   dest x   dest y  0  0   new width   new height   original width   original height        imgt  new image   thumbpath       return file exists  thumbpath

User · Answer

function getExtension  str                     i   strrpos  str                if    i    return                   l   strlen  str  -  i            ext   substr  str  i 1  l            return  ext          valid formats   array  jpg    png    gif    bmp   jpeg   PNG   JPG   JPEG   GIF   BMP    if isset   POST  and   SERVER  REQUEST METHOD       POST                  name     FILES  photoimg    name             size     FILES  photoimg    size             if strlen  name                                   ext   getExtension  name                   if in array  ext  valid formats                                     if  size lt  1024 1024                                                  actual image name   time   substr str replace            txt   5       ext                           tmp     FILES  photoimg    tmp name                            if move uploaded file  tmp   path  actual image name                                                               mysql query  INSERT INTO users  uid  profile image  VALUES    session id      actual image name                                       echo   lt img src  uploads    actual image name     class  preview  gt                                                          else                             echo  Fail upload folder with read access                                              else                     echo  Image file size max 1 MB                                                                 else                     echo  Invalid file format                               else             echo  Please select image               exit

User · Answer

Hope this code helps for creating Thumbnail for JPG  PNG  amp  GIF formats    lt  php       file    D  server sites Sourcefol high bucket kath23 png       Your Original Source Image         pathToSave    D  server sites Sourcefol high bucket New      Your Destination Folder         sourceWidth  60       sourceHeight   60       what   getimagesize  file        file name   basename  file     Name of the Image File        ext     pathinfo  file name  PATHINFO EXTENSION           Adding image name  thumb for thumbnail image         file name   basename  file name     ext       thumb      ext       switch strtolower  what  mime                   case  image png                img   imagecreatefrompng  file                new   imagecreatetruecolor  what 0   what 1                imagecopy  new  img 0 0 0 0  what 0   what 1                header  Content-Type  image png                       break          case  image jpeg                img   imagecreatefromjpeg  file                new   imagecreatetruecolor  what 0   what 1                imagecopy  new  img 0 0 0 0  what 0   what 1                header  Content-Type  image jpeg            break          case  image gif                img   imagecreatefromgif  file                new   imagecreatetruecolor  what 0   what 1                imagecopy  new  img 0 0 0 0  what 0   what 1                header  Content-Type  image gif            break          default  die                   imagejpeg  new  pathToSave  file name           imagedestroy  new      gt

[php] Creating a thumbnail from an uploaded image

Examples related to php

Examples related to image

Examples related to gd

Examples related to thumbnails