WebUpload and Postback | Infragistics Forums

I still don't see an option to attach a file, but I managed to break your project..

Here's what I did..

Changed the web config as follows... (infrag 19.2 and framework 4.5)

  <system.web>
    <compilation debug="true" targetFramework="4.5">
      <assemblies>
        <add assembly="Infragistics45.Web.jQuery.v19.2, Version=19.2.20192.17, Culture=neutral, PublicKeyToken=7DD5C3163F2CD0CB" />
        <add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
        <add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>
      </assemblies>
    </compilation>
    <httpRuntime targetFramework="4.5" />
    <pages>
      <controls>
        <add tagPrefix="ajaxToolkit" assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" />
        <add assembly="Infragistics45.Web.jQuery.v19.2" namespace="Infragistics.Web.UI.EditorControls" tagPrefix="ig" />
      </controls>
    </pages>
  </system.web>

changed default.aspx to remove the prefix registration from the top (now in web.config) and changed the fileupload control to add MultipleFiles="true".

Then I just added a console.log in the js to show the formNumbers.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="http://cdn-na.infragistics.com/jquery/20132/latest/css/themes/infragistics/infragistics.theme.css"
        rel="stylesheet" type="text/css" />
    <link href="http://cdn-na.infragistics.com/jquery/20132/latest/css/structure/infragistics.css"
        rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript"></script>
    <script src="infragistics.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            $("#form1").submit(function (e) {
                e.preventDefault();
                var that = this;
                var fileInfoData = $("#WebUpload2").igUpload("getFileInfoData");
                fileInfoData.filesInfo.forEach(function (file) {
                    console.log("formNumber: " + file.formNumber);
                    $("#WebUpload2").igUpload("startUpload", file.formNumber);
                });
                setTimeout(function () {
                    that.submit();
                }, 0);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server" >
        <div>
        </div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <ig:WebUpload ID="WebUpload2" runat="server" Mode="Multiple" MultipleFiles="true" >
        </ig:WebUpload>
        <input id="Submit1" type="submit" value="submit"/>
    </form>
</body>
</html>

Select two files to upload and the formNumbers are 0 for both.

$("#MainForm").submit( function (e) { e.preventDefault(); var Dat = JSON.stringify({ Name: $("#MainContent_txtName").val() }); _Key = "unset"; var that = this; $.ajax({ type: 'POST', contentType: 'application/json; charset=utf-8', dataType: 'json', url: '/Msg.asmx/Add', data: Dat, success: function (json) { if (!$.isEmptyObject(json)) { json = $.parseJSON(json.d); _Key = json.result; } that.submit(); }, error: function (xhr, status, err) { _KeyID = "ErrorFromService"; }, async: false }); var UP = $("#MainContent_WebUpload1"); var fileInfoData = UP.igUpload("getFileInfoData"); fileInfoData.filesInfo.forEach(function (file) { console.log("File Name:" + file.file.name + " formNumber:" + file.formNumber); UP.igUpload("startUpload", file.formNumber); }); } )