resize image client side before upload javascript

For websites it's good to set this value around 1.7: for landscape images taken by standard photo cameras (Canon, Nikon, etc.), this value will lead to scaling down the original photo to size about 1600 x 1000 px, which is sufficient for displaying the scaled image on large screen monitors. If the value is null or is not specified, then maximum size restriction is not applied. The size of the image is calculated by the formula size = width * height / 1000, where width and height are the dimensions of the image in pixels. maxSize - A float value in megapixels (MP) for the maximum overall size of the image allowed for uploaded images, selected images with a greater size than this value will be scaled down before upload.maxHeight - An integer in pixels for the maximum height allowed for uploaded images, selected images with a greater height than this value will be scaled down before upload.

maxWidth - An integer in pixels for the maximum width allowed for uploaded images, selected images with a greater width than this value will be scaled down before upload.If several properties are applied, then the image will be scaled down to the maximum available size that will fit all the conditions. These properties are used as conditions when the image should be scaled down proportionally before upload. Optional properties Size restriction properties uploadUrl - The URL to POST uploaded images to.inputElement - A file-type input element.

Where config contains the following properties: Obligatory properties Zoomin(), which creates a zoom-in action for scaling up the image size by 100 pixels until the maximum defined size (1000 px.) is reached.Var uploader = new ImageUploader ( config ) Those functions work for any tag that you label with the ID zoom_img. The resizing task takes two functions, which you can either insert directly into your HTML source with tags or into a standalone JS file. Resizing images with JS is particularly useful for creating online product galleries, in which users can zoom in or out of images according to the maximum settings you specify with only one click. Resizing Images for a Zoom Effect With JS

Resize image client side before upload javascript