Add Ability to resize images to a certain size with HTML5 before their upload

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 11 Dec 2018 11:43 by ADMIN

ADMIN

Plamen

Created on: 17 Jan 2013 06:22

Category: AsyncUpload

Type: Feature Request

Add Ability to resize images to a certain size with HTML5 before their upload

We have created a KB article where a possible approach to achieve image resizing before the upload is suggested. You can find it at https://www.telerik.com/support/kb/aspnet-ajax/upload-(async)/details/resize-images-client-side-with-html5-before-uploading-with-radasyncupload

The article describes a straightforward way on how to change the uploaded image dimensions. You can further improve and modify the logic in the _uploadFile function to allow the user to define the new dimensions or use a tool to allow the users to modify the image.

7 comments

ADMIN

Peter Milchev

Posted on: 11 Dec 2018 11:43

Hello guys, 

We have created a KB article where a possible approach to achieve image resizing before the upload is suggested. You can find it at https://www.telerik.com/support/kb/aspnet-ajax/upload-(async)/details/resize-images-client-side-with-html5-before-uploading-with-radasyncupload

The article describes a straightforward way on how to change the uploaded image dimensions. You can further improve and modify the logic in the _uploadFile function to allow the user to define the new dimensions or use a tool to allow the users to modify the image.

Ivan

Posted on: 02 Aug 2017 12:32

Yes, when do we get this functionality? I am changing to dropzone.js which offers this freely. Will we get this on telerik?

David Apelt

Posted on: 17 Dec 2014 04:32

I am desperate for this feature and have stumbled on this page only to find that I commented on it 2 years ago!

This is pretty standard functionality provided by your competitors for some time eg http://plupload.com/  -- see 'Shrink Images on Client-Side' on their home page.

It needs to be available for ASP.NET Ajax and MVC.  It is becoming more of a problem for us since the iPads have such huge camera resolution now yet we only required relatively low resolution imagery to be stored.

I see that the status is approved -- but when do we get it?

Regards
Dave A

Charles

Posted on: 06 May 2014 13:01

I too am waiting for this feature.

Giovanni De Lazzari

Posted on: 17 Oct 2013 19:16

Any idea on release date for this request ?

Giovanni De Lazzari

Posted on: 04 Mar 2013 12:22

Also for me this is a function that I need
now I have to use PLUPLOAD  to keep my server disk space safe
but I would like to do all my site with my preferred tools Telerik
thanks

David

Posted on: 17 Jan 2013 06:39

Just to flesh this out a bit, we upload thousands of images of signage each day.  We do not want very high resolution, 1024x768 is enough. This is about a 100K file.  However with the way digital cameras are, people are uploading 5Meg files which we then resize on the server.  So the time it takes to do the upload is quite long and it doesn't need to be.

With HTML5 we can readily resize the images on the client prior to uploading using the canvas.

It would be great if the AsyncUpload had a property called ResizeToX and ResizeToY.  If the browser supports it then it is resized on the client and if not then it is resized on the server.