none
Como mostrar imagem de um FileUpload no Image ? RRS feed

  • Pergunta

  • Bom dia Galera

    Como eu mostro uma imagem escolhida num FileUpload1 no meu image1 ?

    Estou tetando dessa forma porem não acontece nada.

                                 

     Código asp.net:
     <asp:Label Text="Logo" ID="label9" runat="server"></asp:Label>
     <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/delete_png.png" />
     <asp:FileUpload ID="FileUpLoad1" runat="server" ToolTip="Anexar Logo" 
             OnDataBinding="FileUpLoad1_DataBinding"  />

    Código C#:

     protected void FileUpLoad1_DataBinding(object sender, EventArgs e)
            {

                Image1.ImageUrl = FileUpLoad1.FileName;

            }

    Alguém pode me ajudar por favor ?

    Fico no aguardo.

    Obrigado.

    quarta-feira, 11 de maio de 2016 08:55

Respostas

  • aqui esta a receita:

    http://www.aspsnippets.com/Articles/Upload-images-to-folder-and-display-uploaded-images-in-ASPNet-GridView-using-C-and-VBNet.aspx

    Voce nao pode simplesmente associar o filename à imageurl.. Asp.NET roda no servidor e sua imagem esta no seu computador (cliente). Primeiro voce tem que transferir a imagem ao servidor e depois exibi-la.

    De uma forma bem simples:

    <form id="form1" runat="server">
        <div>
            <asp:FileUpload ID="FileUpload1" runat="server" />
            <br />
            <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" />
            <br />
            <asp:Image ID="imgDemo" runat="server" />
        </div>
        </form>
    

    code behind:

    protected void btnUpload_Click(object sender, EventArgs e)
        {
            if (FileUpload1.PostedFile != null)
            {
                string FileName = Path.GetFileName(FileUpload1.PostedFile.FileName);
                //Save files to images folder
                FileUpload1.SaveAs(Server.MapPath("Images/" + FileName));
                this.imgDemo.ImageUrl = "Images/" + FileName;
            }
        }

    Att


    William John Adam Trindade
    Analyste-programmeur
    ----------------------------------------------------------


    quarta-feira, 11 de maio de 2016 12:50
    Moderador

Todas as Respostas

  • aqui esta a receita:

    http://www.aspsnippets.com/Articles/Upload-images-to-folder-and-display-uploaded-images-in-ASPNet-GridView-using-C-and-VBNet.aspx

    Voce nao pode simplesmente associar o filename à imageurl.. Asp.NET roda no servidor e sua imagem esta no seu computador (cliente). Primeiro voce tem que transferir a imagem ao servidor e depois exibi-la.

    De uma forma bem simples:

    <form id="form1" runat="server">
        <div>
            <asp:FileUpload ID="FileUpload1" runat="server" />
            <br />
            <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" />
            <br />
            <asp:Image ID="imgDemo" runat="server" />
        </div>
        </form>
    

    code behind:

    protected void btnUpload_Click(object sender, EventArgs e)
        {
            if (FileUpload1.PostedFile != null)
            {
                string FileName = Path.GetFileName(FileUpload1.PostedFile.FileName);
                //Save files to images folder
                FileUpload1.SaveAs(Server.MapPath("Images/" + FileName));
                this.imgDemo.ImageUrl = "Images/" + FileName;
            }
        }

    Att


    William John Adam Trindade
    Analyste-programmeur
    ----------------------------------------------------------


    quarta-feira, 11 de maio de 2016 12:50
    Moderador
  • Bom dia Willian.

    Muito Obrigado. Resolveu meu problema na exibição da imagem.

    Só fiz umas  adaptações e ficou perfeito.

    Valeu!!!!

    quinta-feira, 12 de maio de 2016 08:00