Yazı Font Küçült Yazı Font Büyült

Ajax Kontrolü Kullanılarak Çoklu Dosya Yükleme

 

Merhaba arkadaşlar bu makalemizde Ajax kontrolü kullanarak çoklu dosya yükleme işlemi gerçekleştireceğiz. Ajax Control Toolkit’i Toolbox’a nasıl ekleyeceğimizi daha önceki makalemizde göstermiştik. Sayfamıza ScriptManager ve Ajax Toolkit kısmından AjaxFileUpload ekleyeceğiz.

Ajax Control Toolkit’i  Toolbox’a eklemeyi anlatan önceki makalemize buradan ulaşabilirsiniz.

 

Screenshot

Resim1 

Şekil 1



Resim2 

Şekil 2

Resim3 

Şekil 3

Resim4 

Şekil 4



 

Default.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using AjaxControlToolkit;

 

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

    protected void File_Upload(object sender, AjaxFileUploadEventArgs e)

    {

        string filename = e.FileName;

 

        AjaxFileUpload1.SaveAs(Server.MapPath("~/images/") + filename);

    }

 

}   

 

Default.aspx

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

   

   

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <div  align="center">

          

        <asp:AjaxFileUpload ID="AjaxFileUpload1" runat="server" AllowedFileTypes="jpg,jpeg,png,gif"

                            MaximumNumberOfFiles="10" OnUploadComplete="File_Upload"

                            Width="500px" />

 

         

 

    </div>

 

   

   

    </form>

</body>

</html>

 

 

Web.config

 

<?xml version="1.0"?>

<!--

  For more information on how to configure your ASP.NET application, please visit

  http://go.microsoft.com/fwlink/?LinkId=169433

  -->

<configuration>

  <system.web>

    <compilation debug="true" targetFramework="4.6">

      <assemblies>

        <add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>

        <add assembly="System.Web.Extensions.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>

        <add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>

      </assemblies>

    </compilation>

    <httpRuntime targetFramework="4.6"/>

  </system.web>

 

  <system.webServer>

 

    <validation validateIntegratedModeConfiguration="false" />

    <handlers>

      <add name="AjaxFileUploadHandler" verb="*"

        path="AjaxFileUploadHandler.axd"

        type="AjaxControlToolkit.AjaxFileUploadHandler,

          AjaxControlToolkit"/>

    </handlers>

  </system.webServer>

 

 

</configuration>

   

Bir makalenin daha sonuna geldik. Bir sonraki makalede görüşmek üzere. Bahadır ŞAHİN