Display image after FileUpload

Ramco Ramco

I have below code & i want when user upload image it should be displayed below in a image.


    
        Files to Attach

Thanks

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Marvin Reid3y ago

You can display an uploaded image using the ImageViewer which you can add inside a div. Here is an example and documentation which you can build on.

const imageViewerDiv = document.getElementById("imageViewerDiv"); 
  const createOptions = new lt.Controls.ImageViewerCreateOptions( 
    imageViewerDiv 
  ); 
  this.imageViewer = new lt.Controls.ImageViewer(createOptions); 
  this.imageViewer.viewVerticalAlignment = lt.Controls.ControlAlignment.center; 
  this.imageViewer.viewHorizontalAlignment = 
    lt.Controls.ControlAlignment.center; 
  this.imageViewer.autoCreateCanvas = true; 

this.imageViewer.imageUrl = 
    https://demo.leadtools.com/images/jpeg/cannon.jpg;

https://www.leadtools.com/help/sdk/tutorials/html5-js-display-images-in-an-image-viewer.html
https://www.leadtools.com/help/sdk/v22/dh/javascript/c/imageviewer.html

Jignesh Kumar3y ago
Hello Ramco,

Please refer below links,

https://www.c-sharpcorner.com/blogs/asp-net-webforms-uploading-and-validating-and-displaying-images

https://stackoverflow.com/questions/21808415/how-to-show-the-image-after-upload-in-asp-net-fileupload
Sachin Singh3y ago
Please follow this article

https://www.aspsnippets.com/Articles/Preview-image-before-upload-using-FileUpload-control-and-jQuery-in-ASPNet.aspx
Pankajkumar Patel3y ago
Hi Ramco Ramco,

Practical example:
- https://www.aspsnippets.com/Articles/Display-Image-after-selected-selecting-file-name-in-HTML-Input-FileUpload.aspx
Demo link:
- https://www.aspsnippets.com/demos/782/
Hope this will help you!