Mostrar una imagen que se encuentra en mi computadora, a mi pagina web utilizando asp.net vb 2013

Question

Hola

Estoy creando una pagina web en asp.net vb 2013 y lo que quiero es elegir una imagen que se encuentra en mis archivos de mi computadora  y mostrar la imagen en mi pagina web dándole click a un botón.Me pueden ayudar por favor.

---

guillermo leon rea

Answer 1

Hola guille30

Puedes utilizar un control FileUpload para hacer la navegación y cargar la imagen, la guardas en una carpeta. Y puedes motrarla en un GridView.

Aquí un ejemplo de como hacer esto: 

Upload images to folder and display uploaded images in ASP.Net GridView using C# and VB.Net

Espero que la respuesta te ayude.

Saludos,

@norrojas

Answer 2

Hola Norberto Rojas

En el link que me has dado aparece esta parte del codigo:

Protected Sub Upload(sender As Object, e As EventArgs)

//Aqui codigo

End sub

Como obtengo ese Protected Sub Upload no lo logro ver por ninguna parte.

Gracias

---

guillermo leon rea

Answer 3

>>mostrar la imagen en mi pagina web dándole click a un botón

pero para lograr esto primero deberias realizar un Upload de la imagen al stitio web

podrias usar el control FileUpload para subir la imagen y grabarlo en una carpeta del sitio web, entonces definir la url relativa a esa carpeta en el control imagen de la pagina

saludos

---

Leandro Tuttini

Blog
MVP Profile
Buenos Aires
Argentina

Answer 4

Hola Leandro

Como realizo el Upload de la imagen al sitio web, yo soy nuevo en programación, me podrías indicar como hacerlo

Gracias.

---

guillermo leon rea

Answer 5

He realizado lo siguiente con el control FileUpload: Con esto logro guardar cualquier tipo de archivo en mi computadora

   Protected Sub LinkButton1_Click(sender As Object, e As EventArgs) Handles LinkButton1.Click
        If FileUpload1.HasFile = True Then

         FileUpload1.SaveAs("C:\Archivo\" & FileUpload1.FileName)
          Dim tamaño As Integer = FileUpload1.PostedFile.ContentLength / 1024
         lbl_mensaje.Text = "Se guardo el archivo:" & FileUpload1.FileName & "con un tamaño de:" & tamaño & "KB"

        End If


    End Sub

Luego para mostrar lo que guardo en la imagen(Image6, lo puse en mi pagina del cuadro de herramientas) le agrego lo siguiente al código antes mencionado

 Protected Sub LinkButton1_Click(sender As Object, e As EventArgs) Handles LinkButton1.Click
        If FileUpload1.HasFile = True Then

         FileUpload1.SaveAs("C:\Archivo\" & FileUpload1.FileName)
          Dim tamaño As Integer = FileUpload1.PostedFile.ContentLength / 1024
         lbl_mensaje.Text = "Se guardo el archivo:" & FileUpload1.FileName & "con un tamaño de:" & tamaño & "KB"

          Dim ruta6 As String = "~/" & FileUpload1.FileName
            Image6.ImageUrl = ruta6     

        End If

    End Sub

El archivo se guarda pero la imagen no sale, tal vez me esta faltando hacer algo al código , me podrías ayudar

   

---

guillermo leon rea

Answer 6

Hola guille30,

Es el evento click del boton. 

Recuerda que puedes bajar el código de ese ejemplo.

Saludos,

Norberto Rojas

Answer 7

Hola de nuevo guille30,

Creo que deberías de guardar la imagen en la raiz de tu proyecto. En una carpeta por ejemplo "Imagenes"

FileUpload1.PostedFile.SaveAs(Server.MapPath("~/Imagenes/") + fileName)

Y para traer la imágen puedes hacerlo así:

Server.MapPath("~/Images/" + nombreImagen)

Con esto debería mostrarse la imagen. 

Saludos,

Norberto Rojas

Answer 8

Hola AMIGOS

Me podrían facilitar un código o pagina web o link para poder guiarme, soy nuevo en asp.net 

Gracias.

---

guillermo leon rea

Answer 9

Hola leandro

En este codigo utilizo un LIST(OF ListItem) lo puedo reemplazar por otra cosa?

 If Page.IsPostBack = False Then

            Dim filePaths As String() = Directory.GetFiles(Server.MapPath("~/Imagenes/"))
            Dim files As New List(Of ListItem)
            Dim filePath As String
            For Each filePath In filePaths
                'For Each filePath As String In filePaths

                Dim fileName As String = Path.GetFileName(filePath)

                files.Add(New ListItem(fileName, "~/Imagenes/" + fileName))
                Image6.ImageUrl = "~/Imagenes/" + fileName

            Next

            GridView3.DataSource = files
            GridView3.DataBind()

        End If
    End Sub

---

guillermo leon rea