JQuery / PHP Upload and Crop – Feature Request PageWednesday, May 29th, 2013

Articles, Jquery, PHP

Hi all!

It has been a long while since we updated these upload and crop scripts and I think it’s time we get some features down and released in the next version. So please leave your feature requests in the comments below and we will do our best to include as many of them as possible in the next release(s).

These requests can be from ability to save to database to renaming images on upload etc. If we can get a good collection going perhaps we can release the plugin in a number of flavours (so to speak) that would cater to most solutions.

Look forward to seeing what you guys have in mind!

Like it? Share it!

Tagged with:

Amit Thakrar

Amit is a web designer and developer with a passion for design, interaction and usability. In his free time if he's not at the gym he's traveling the world.

View all posts by: Amit Thakrar

Follow us on Google+

Feedback (28)

Leave a Comment
  1. Lukas Hendra Gunadi says:

    multiple upload and bug fixing, usually cropping result larger by 1px in height

  2. 1eddy87 says:

    I want to use the PHP & jQuery image upload and crop script in my website. I just want to know if there are any copyright complications??

  3. pauljeba says:

    Mobile browser support, for touch please:)

  4. macfplus says:

    Hello!

    Sorry for my English, I’m from France…

    Would it be a way to keep the original name of the file because I need it in my scripts.

    I tried with $_FILES[‘image’][‘name’] but it tells me:

    Warning: getimagesize(upload_pic/.png) [function.getimagesize]: failed to open stream: No such file or directory in /home/www/ftp/fplus/images/upload_crop/image_functions.php on line 98

    Warning: imagecopyresampled() expects parameter 2 to be resource, null given in /home/www/ftp/fplus/images/upload_crop/image_functions.php on line 118

    Warning: chmod() [function.chmod]: No such file or directory in /home/www/ftp/fplus/images/upload_crop/image_functions.php on line 133
    success,upload_pic/.png,upload_pic/crop_.png

    thanks

  5. LM says:

    Face Detection

    When picture is uploaded, coordinates are automatically drawn around face.

  6. Mike says:

    Any way to add touch screen (mobile) functionality to the drag selection?
    great work!

  7. Koert Bakker says:

    I got some pictures in portrait, that upload as landscape. Really can’t find where to change this. I changed the $max_width to …. Not helping. Anyone please?

  8. Dias says:

    why this not work if I try to create a new div around the code?

  9. Hugo Trial says:

    Hi there,

    congrats for that piece of script which is amazing.

    I’m trying to use it to build something like that http://www.casetagram.com/design/signin/instagram?status=1004

    And I need to create a background with an iPhone image for instance (http://www.casetagram.com/img/template/base_iphone5_62.png). But I just can’t, if I try to create a new div around the one displaying the thumbnail it just acts weirdly.

    I tried stuff like this :

    <div style="z-index:10000;border:1px #e5e5e5 solid; float:left; position:relative; overflow:hidden; width:px; height:px;”>

    <img src="” style=”position: relative;” alt=”Thumbnail Preview” />

    Can you give me some help ?

  10. Bionic says:

    Hello,

    If you go here: http://www.webmotionuk.com/jquery-image-upload-and-crop-for-php/

    The link to the: One-Click upload plugin by Michael Mitchell under – system req. is broken

    • webmotionuk says:

      Thanks for letting us know, looks like he is in the process of updating his site. His plugin is included in the download however.

      If anyone out there is stuck because of this, then please note that with a little effort the upload mechanism can up swapped with any other jquery one click upload that you feel comfortable with.

  11. Josh says:

    I agree with Hagar! I was just re-visiting in hopes of finding something about a progress bar.
    I would love to have an upload progress bar too!

  12. Hagar says:

    An upload progress bar, or any visualization of the upload progress would be awesome!

  13. Josh says:

    This script works perfectly when using it locally, but does not work properly when trying it on a live server. I tried to suppress the error reporting, but I am still having difficulty.

    Basically, the image uploads, the page returns to a blank screen, then I must hit the link again for the image to show.

    The same after cropping the image.
    Any suggestions?

  14. Erlend says:

    Hi! Great script!

    To implement this script in a user-community-site, i would love to be able to set the filename to the logged in userid (“USERID.jpg”). And later on, log in to the page, and change that image/upload a new one.

    I couldn’t get this to work with the current version, since my javascript/ajax/jquery skills are bad. My php skills doesnt do the trick:)

  15. Lars says:

    It would be nice to be able to save the thumbnail as a specific filetype, like JPG, every time.

  16. Longboard says:

    Rotation function would be great.

    We’ve made a simple product designer with this script.
    It’s usually loaded over Facebook. But also works without…
    http://www.godsdog-skateboards.de/longboard-designer/

    Thank you webmotionuk.

  17. Ryan says:

    Would it be possible to add a rotate function ?

    I’m getting images uploaded in portrait mode that should be in landscape mode, but come in as portrait images.

    I think the PHP imagerotate function should suffice, however my Javascript isn’t good enough to integrate such a function into the system’s workflow.

  18. dmort59 says:

    I would like to see how click the upload button, do a crop on a separate page or dialog, and return to the originating page with the image displayed. I have seen this with ajax, but not in jquery. I have faith in you.

  19. Kup says:

    I don’t think that database usage is necessary if you know php it’s easy.
    So i think the best for this script would be the multiple uploading and cropping in a pop-up window without reloading for next usage f.e. in the article or blog.
    That would be fantastic!

  20. Nele says:

    I would love to be able to upload images larger than 600px (i get a timeout if i take an image that’s larger than 600px)
    plus make it fully working in firefox, right now it only works in IE

  21. Json says:

    How does a 15KB file become 72KB after upload?
    Is there a newer version or a version that contains fixes?

    Settings:
    $max_file = “5”;
    $max_width = “300”;
    $thumb_width = “730”;
    $thumb_height = “170”;

    Only need to “upload and resize” an image to 730px by 170px, this script is nice ’cause it allows the user to crop what they want.

  22. Json says:

    Blur / smudged imageā€¦ any way of solving it?

    imagejpeg($newImage,$image,100);
    Trying to set the thumbnail to be 730px by 170px.

  23. Chris Cuevas says:

    Sorry webmotionUK I think I have confused you with my database question. What I mean is, “I want to be able to insert the image link and the thumbnail link, in the same row, into my mySQL database but where in the php line do I put it?”

    Also, after saving the thumbnail and image and thumbnail is being previewed, I want to be able to update the file/image by putting in image title and image caption so when I call it from the database using the thumbnail as a link, I will be able to see the full image, image title and image caption.

    i am quite new with php and just getting the hang of it and this part is really confusing me the most.

    i am looking forward to your help on this one. thank you very much!

  24. John LM says:

    I love the look and feel of this very useful utility. My request would be:
    1. To allow the filename to be determined by the script that calls this utility i.e. the name is decided in an ASP script which then calls this script.
    2. Once the thumbnail is created, the original is deleted from the server leaving just the tumbnail. And finally
    3. Write the location to a database (again, I use ASP).

    Also, from my tests I see that the original image is left in place even if the user decides to load a different image. Perhaps the original should be deleted and/or the option to load another image is not given while the first one is on display.

    I’m new to PHP and getting the hang of it slowly but I’m looking forward to seeing the latest relese of this very useful prog.

    Many thanks.

  25. Chris Cuevas says:

    Just database question. Is there a way to insert the created thumbnail into the same MySql database row where the original image is located?

    • @chris, to be saving the image in the database, the column type will need to be a BLOB. Do an update statement on the current database row with the details of the thumbnail image data.
      We would recommend saving a link to the image in the database, rather than the image itself, but this is obviously down to the system you are creating.


Leave a Comment

You can use these HTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>