Be careful to use 1 as it may make the size of the output image become larger. Create a upload_image.php file and a upload folder for storing uploading images.. HTML5 allows developers to access the file details such as Height and Width using JavaScript and jQuery. document.write("%3Cimg src='img.jpg' alt='alt tag'%3E"); Email Validation in JavaScript: Simple Form Example; Replace Image on Button Click JavaScript. Selects input elements with the "disabled" attribute specified:invalid: Selects input elements with invalid values:optional: Selects input elements with no "required" attribute specified:required: Selects input elements with the "required" attribute specified:valid: Selects input elements with valid values Have your web service provide a URL for the image, where the URL points to a servlet which reads the binary image from your data source and writes it out the output stream returned by ServletResponse.getOutputStream(). For better performance in modern browsers, use [type="image"] instead. The image will be displayed directly from the HTML Input FileUpload using the DXImageTransform filter CSS property and HTML5 FileReader API.