how to display image in image control using fileupload

Question

hi!
i am using fileupload control to display the image in image control.
means when i select image in fileupload window and i click open button then that image is displayed in image control.
please give code urgent sir.
Thank u.

Lalit M · Answer

http://geekswithblogs.net/dotNETvinz/archive/2009/08/02/uploading-and-storing-image-path-todatabase-and-image-to-folder.aspx

Lalit M · Answer

Using java script you can achieve this 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> /***** CUSTOMIZE THESE VARIABLES *****/ // width to resize large images to var maxWidth=100; // height to resize large images to var maxHeight=100; // valid file types var fileTypes=[bmpgifpngjpgjpeg]; // the id of the preview image tag var outImage=previewField; // what to display when the image is not valid var defaultPic=spacer.gif; /***** DO NOT EDIT BELOW *****/ function preview(what){ var source=what.value; var ext=source.substring(source.lastIndexOf(.)+1source.length).toLowerCase(); for (var i=0; i globalPic=new Image(); if (i else { globalPic.src=defaultPic; alert(THAT IS NOT A VALID IMAGE
Please load an image with an extention of one of the following:

+fileTypes.join( )); } setTimeout(applyChanges()200); } var globalPic; function applyChanges(){ var field=document.getElementById(outImage); var x=parseInt(globalPic.width); var y=parseInt(globalPic.height); if (x>maxWidth) { y*=maxWidth/x; x=maxWidth; } if (y>maxHeight) { x*=maxHeight/y; y=maxHeight; } field.style.display=(x field.src=globalPic.src; field.width=x; field.height=y; } // End --> Test it by locating a valid file on your hard drive:

Lalit M · Answer

Check also previous post here http://www.c-sharpcorner.com/Forums/ShowMessages.aspx?ThreadID=58952 more info here

Lalit M · Answer

you can achieve this using javascript show here code sample function LoadImage() { document.getElementById('img').src=document.getElementById('File1').value; } on .aspx.cs page OR html > head > script type= text/javascript > function validate(oForm){ if (!/(\.(gif|jpg|jpeg|bmp|png))$/i.test(oForm.file1.value)){ alert(Please attach an image.); oForm.file1.focus(); return false; } return true; } script > head > body > form name= uploadForm action= upload.php method= post enctype= multipart/form-data onsubmit= return validate(this) /> input type= file name= file1 /> input type= submit value= Save /> form > body > html > For Reference lnk