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
 
Şekil 1
 










 
Şekil 2
 
Şekil 3
 
Ş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"?>
<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

About Bahadır Şahin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

0 comments:

Öne Çıkan Yayın

GridView da Seçili Satırı DetailsView da Göstermek

Merhaba arkadaşlar bu makalemizde GridView nesnesi ile birlikte DetailsView nesanesini birlikte kullanacağız. GridView da seçili satırın de...