resize image client side

[Sherif]

hello

i need to resize all images in user form before submissions ,

client side not server side after submissions 

probably javascript code that resize all images in the form 

any idea about that or any other alternative

 

 

[sandy159]

Hello @Sherif,

You may check the Resizer Options of the image on the Submission form. 

On the Resizer Options tab, you can setup Caspio to automatically create smaller or thumbnail versions of your images as they are uploaded. Since most digital cameras take pictures far higher in resolution than can be properly used on a standard web page, this auto resizing option provides an efficient way to improve DataPage performance, reduce data transfer, and if the original is not kept also reduce your storage needs.

Also, on the Image Options tab, it is possible to limit the maximum file size that can be uploaded through this form.

These links to the articles may be helpful: 

Uploading Files and Images, Image Resizer

Hope this helps!

[SinJunYoung]

On 12/15/2020 at 11:32 AM, Sherif said:

hello

i need to resize all images in user form before submissions ,

client side not server side after submissions 

probably javascript code that resize all images in the form 

any idea about that or any other alternative

 

 

What do you mean by client side, not server side? Does this necessarily mean that you let your users decide which particular size to adjust after the image has been uploaded? If not, the previous comment may work. But if yes, we may need to tweak it a little bit by using a simple JS code. Let me know. 

[IamNatoyThatLovesYou]

Hello Everyone, just want to mention that we have a new TechTip that you can checkout using images that will zoom in and out the image that may be useful for this.

- https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/zooming-images-in-report-datapages/

- Natoy

[ParkLoey]

Hi! Just in case anyone wants to zoom an image on hover via the results page of a tabular report form: