file

Question

is there any way for whenever u select an image from your filed change the height and width?

i tried my attempt here but it is giving me an error.

https://code.sololearn.com/W0P3pqK8RU5r/?ref=app

Answer 1

pic.value.style.height = "300px" work for img HTML tag, not input file.

To change image file before send form to back-end need external JS lib (or maybe process it in back-end server is a better way) :
https://stackoverflow.com/questions/2434458/image-resizing-client-side-with-javascript-before-upload-to-the-server