¿Cómo subir archivos en una página web con ASP.NET fácilmente?

FileUpload jquery and asp.net free

En este post veremos cómo subir archivos en una página web con ASP.NET de una forma muy rápida, sencilla y que no necesitaras de muchos conocimientos en programación, te llevaremos de la mano paso a paso para que lo implementes fácilmente.

Descarga el control desde esta liga, el cual incluye lo siguiente:
1. Ejemplo en la página web “Default.aspx”
2. Una carpeta Control. Aquí se encuentra el control de usuario que sirve para subir archivos. (Esta carpeta la copias a tu proyecto web)
3. Carpeta css y js. Incluye los estilos y la cual deberás copiar a tu proyecto.
4. Carpeta uploads, está será donde se almacenen los archivos que se suban en la página.
5. Archivo FileUploadHandler.ashx, cuenta con el código para subir los archivos al servidor.

Fileupload con asp.net y jquery

Configurar su aplicación web para el correcto funcionamiento del control, en el web.config se deben agregar dos definiciones, una para definir la ruta donde se almacenaran los archivos que se suban y otra que defina los archivos permitidos para subir.

como subir archivos o imagenes a mi pagina web asp.net

<?xml version="1.0"?>
<!--
  Para obtener más información sobre cómo configurar la aplicación de ASP.NET, visite
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->
<configuration>
  <appSettings>
    <add key="DirUpload" value="~/Uploads"/>
    <add key="ArchivosPermitidos" value=".gif,.png,.jpg,.bmp,.jpeg,.tif,.tiff"/>
  </appSettings>
  <!--
    Para obtener una descripción de los cambios de web.config, vea http://go.microsoft.com/fwlink/?LinkId=235367.

    Los siguientes atributos se pueden establecer en la etiqueta <httpRuntime>.
      <system.Web>
        <httpRuntime targetFramework="4.5" />
      </system.Web>
  -->
  <system.web>
    <compilation debug="true" strict="false" explicit="true" targetFramework="4.5"/>
    <httpRuntime targetFramework="4.5" maxRequestLength="10240000" executionTimeout="3600000"/>
    <pages controlRenderingCompatibilityVersion="4.0"/>
  </system.web>
  <system.webServer>
    <security>
      <requestFiltering>
        <requestLimits maxAllowedContentLength="104857600"/>
      </requestFiltering>
    </security>
  </system.webServer>
</configuration>

En la página donde se quiere subir archivos solo se registra el control de usuario y se agrega el control en el html.

<%@ Register TagPrefix="ji" TagName="FileUpload" Src="~/Control/FileUpload.ascx" %>

<ji:FileUpload runat="server" ID="SubirArchivo" />

El código final html queda de la siguiente manera.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<%@ Register TagPrefix="ji" TagName="FileUpload" Src="~/Control/FileUpload.ascx" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Multiple File Upload Drag and Drop</title>    
</head>
<body>
    <form id="form1" runat="server">
        <ji:FileUpload runat="server" ID="SubirArchivo" />
    </form>
</body>
</html>

Muy facil no crees, dejanos tus comentarios y sugerencias.