在asp.net的图像控件中将图像保存到数据库之前，如何预览

Question

I am allowing the user to upload the image. as soon as user uploads the image the respective image should get displayed in image control(similar to the preview of image). this should be done without clicking any button

<td align="right" valign="top" class="heading">Photo: </td>
<td>
    <asp:Image ID="Image1" runat="server" /><br />
    <asp:FileUpload ID="FileUpload1" runat="server"/>
</td>

Answer 1

As you have been asking for complete code and i have no idea what it looks like here comes a piece of code with lots of assumptions...

public void UploadImage(object sender, EventArgs e)
{
    //here you upload your image to a predefined Path and save it...
    File image = FileUpload1.getFile();// don't know how to handle it, haven't used it b4
    image.Save(path); //path is your savepath, even if its temporary
    Image1.ImageUrl = path.ToUrl();
    //alternatively do the following:
    Image1.ImageUrl = FileInfo(image).getFullPath();

    //in general you need to update controls before they show what they got so:
    Image1.Update(); / Image1.Refresh();
}

Answer 2

I recently had same requirement as you ... I used AjaxFileUploader instead of normal FileUpload control .. and a Image Handler .. This helped me in achiecving it..

Preview Image before uploading