Home/ Questions/Q 3781938
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T11:00:46+00:00

I have an html form where users insert an image (input). My users may

  • 0

I have an html form where users insert an image (input). My users may be not advanced users, so they may want to insert many different types of image format. However, I only want the user to send jpg/gif/png files. One option is just block other file types, however, I was wandering if I could convert the files in the client side (I don’t want to send a very large file, and convert it on the server). Therefore, the only way I can think of is using javacript.

So, does any one know how to make image format conversions in javascript? And put this image result as the value of an html:input?

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    tl;dr: Don’t bother

    This might be theoretically possible, but I would recommend against it very strongly. It’s possible to create a javascript Img element which refers to an URL the user has typed in. You can then draw this image in an HTML5 canvas.

    You can then manually access the data on the canvas and analyze/convert the image to the approriate format. It might then be possible to send this Base64 or URL-encode to a server which could then return the image to the client.

    This is of course completely crazy and should NOT be attempted. This solution would require implementing JPG compression in javascript which, although technically possible, is probably not feasible because of browser constraints (eg. speed).

    • 0