jUpload - PHP & AJAX upload and manage images

jUpload - PHP & AJAX upload and manage images  - CodeCanyon Item for Sale

jUploader is script created for uploading, resizing, cropping and watermarking images. If you are running your blog or site and you use several different sizes of one image (thumb, medium, big) you know how much time you loose in preparing images for web. Probably you have some script for auto cropping but very often it crop wrong part of the picture.

jUploader is combination of auto and manual cropping functions, it is easy to set auto crop options (unlimited different sizes of one image) and if the wrong part of picture is cropped you can manually crop desired part of image ( using AJAX – no page reloading).

Video Walk-through

jUploader uses php class for managaing images and this package contains php ready file for crop, resize, watermark or apply some effects on all images from one folder to another

Updates:

30.10.2012. Released version 1.3.3
  • fixed effects list “warp speed” bug
  • added transparency to manual crop image
  • do not change the width of image if the width was smaller than the defined width(thanks to John H. from Cisco)
27.12.2011. Released Version 1.2

    30.12.2011. Released version 1.3

    • added support for transparent png’s
    • small bugs fixed
    27.12.2011. Released Version 1.2
    • added simple upload form (without album fields)
    • added database table(jimages_solo) for images uploaded with simple upload form
    • fixed mouse over problem(disapearing buttons) with effects buttons in IE
    • fixed css hack to prevent upload more images than is allowed
    • help file updated



    Features:

    • - using Ajax – no page reloading
    • - all effect and actions are done on the fly
    • - crop image to a several different height and width
    • - create unlimited numbers of resized/croped images from one image
    • - preview cropped/resized images on the fly
    • - resize keeping aspect ratio
    • - 12 image filters
    • - rotate images
    • - manual crop
    • - add custom prefixes to images
    • - keeps original image(you made need it sometime – who knows)
    • - watermark, 5 positions: TopLeft, TopRight,BottomLeft, BottomRight, Center
    • - drag images to change order
    • - class for resizing, cropping, watermarking, effects—> included, along with script for managing images in folder. You can crop, resize or apply effect on all images in given folder
    • - easy to add/remove image filters
    • - turn on/off effects and buttons

    Options

    • max_total_images – maximum allowed images for upload
    • uploaddir – directory for uploaded images
    • it is possible to show or hide some action buttons
      • effectLinks=”1”; // effect links scroller -> 0 = hide ; 1= show
      • deleteButton=”1”; // buton for deleting uploaded image -> 0 = hide ; 1= show
      • zoOomButton=”1”; // button for preview all imagee sized -> 0 = hide ; 1= show
      • manualCropButton=”1”; // button for manual croping -> 0 = hide ; 1= show
    • scrolEffect=”1”; – turn on/off scroll effect on effects buttons
    • action=”crop”; – action type, can be crop or resize
    • originalImagePrefix=’orig_’; – prefix for original image: This script keeps original uploaded image and assign prefix to it from this variable
    • formatsImages[]=’thumb_,200,150’; – define prefix, width and height of croped/resized image. If you are going to use resize only width is going to be used. Height of new image will assigned keeping aspect ratio. This variable should be filled by this rule: $formatsImages[]=’prefix,width,height’;

      It is possible to add formats (cropped/resize images types) as many as you like, here is an example:

      • $formatsImages[]='thumb_,200,150';
      • $formatsImages[]='med_,300,200';
      • $formatsImages[]='big_,480,320';
      • $formatsImages[]='bigger_,600,400';
      • $formatsImages[]='large,800,600';
      • ...
    • watermarkIsActive=1; – 1 for turn on watermarking 0 is turn of
    • watermarkImage=’../igor_s_transparentq.png’; – your watermark image path
    • watermarkPosition=”BottomLeft”; – watermark position on image. Available positions are: BottomRight, BottomLeft, TopLeft,TopRight, Center
    • easy to show/hide some effects, if you don’t want to use some effect, just comment it out(place // before it) like this: In example above, we will only use rotate, grayscale and pixelate effect. Only these 3 effect buttons will be visible at uploaded image
    free counters
    Free counters
by
by
by
by
by
by