Show uploaded image preview in GridView using jQuery in ASP.Net

Question

Hello how do i browse image and preview on imagebutton within a gridview before upload

dharmendr · Accepted Answer

Hi powerI have created sample that full fill your requirementHTMLltdivgt    ltaspGridView runat34server34 AutoGenerateColumns34false34 ID34gvPreview34gt        ltColumnsgt            ltaspBoundField DataField34Id34 HeaderText34Id34 gt            ltaspTemplateField HeaderText34Files34gt                ltItemTemplategt                    ltinput id34fileupload34 type34file34 onchange34SetPreviewthis34 gt                    ltaspImageButton ID34btnImage34 runat34server34 Height3410034 Width3410034 Style34display none34                        CssClass34ImageButton34 gt                ltItemTemplategt            ltaspTemplateFieldgt        ltColumnsgt    ltaspGridViewgtltdivgtltdivgt    ltstyle type34textcss34gt        ImageButton                    filter progidDXImageTransformMicrosoftAlphaImag

Show uploaded image preview in GridView using jQuery in ASP.Net

Preview image before upload using FileUpload control and jQuery in ASP.Net

Image Gallery in ASP.Net with enlarge image preview using C# and VB.Net

Company

Explore

Follow us

Contact Us