Как отобразить предварительный просмотр изображения при его загрузке

Что я хочу, так это то, что когда я загружаю изображение из тега FileUpload, как только оно отображает имя изображения, в поле изображения под ним отображается предварительный просмотр загружаемого изображения.

Тег для загрузки файла

 <asp:FileUpload ID="FileUpload1" CssClass="form-control" runat="server" width="280px" />

Тег для изображения

 <asp:Image ID="Image1" runat="server" Height="221px" Width="212px" />

Код позади

 string path = Server.MapPath("~/Images/");
        if(FileUpload1.HasFile)
        {
            string extension = Path.GetExtension(FileUpload1.FileName);
            FileUpload1.SaveAs(path + FileUpload1.FileName);
            string name = "~/Images/" + FileUpload1.FileName;
            Image1.ImageUrl = name;
        }

Папка «Изображения» находится на хост-компьютере. Изображение загружено пользователем. И на той же странице (форме) должен отображаться предварительный просмотр изображения.


visual-studio html c# asp.net
person saurabh    schedule 14.05.2017    source источник
comment
Какая у вас проблема? Это не показывает изображение или что-то еще?   -  person Anup Sharma    schedule 14.05.2017
comment
Я! это не показывает изображение автоматически. Мне пришлось добавить дополнительное событие для этого. Подобно кнопке, при нажатии будет отображаться предварительный просмотр загруженного файла.   -  person saurabh    schedule 14.05.2017

Ответы (1)


arrow_upward
0
arrow_downward

просто используйте этот код, он работает в моем проекте.

` 

   if (uploadfilee.HasFile)
   {
        string str = uploadfilee.FileName;

        uploadfilee.PostedFile.SaveAs(Server.MapPath(".") + "/images/" + str);
        string path = str.ToString();
        image1.Imageurl = path;
   }

`

person Hammer Class    schedule 14.05.2017