当前上下文值不会从User Control呈现到.aspx页面

时间:2011-11-30 12:08:42

标签: javascript asp.net ajax

我有default.aspx页面和一个用户控件。 usercontrol具有以下用于多个文件上载的代码。 现在的问题是,当我添加一个上传文件时,当前上下文文件没有给我任何值,它仍然为零,我猜是因为它是从用户控件渲染。

我该怎么办?

我的用户控件UPLOAD.ASCX

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="FileUpload.ascx.cs" Inherits="FileUpload" %>
<script type="text/javascript" src="_scripts/jquery-1.4.1.min.js"></script>    
<script type="text/javascript">
    var i = 1;
    $(document).ready(function () {
        $("#addfile").click(function () {
            $("#dvfiles").append("<input name=" + i + "fu type=file /><a href=#>remove</a><br>");
            i++;
        });

        $("#dvfiles a").live('click', function () {
            $(this).prev("input[type=file]").remove();
            $(this).remove();
        });
    });

    $(document).submit(function () {
        var flag = true;
        $("#dvfiles input[type=file]").each(function () {
            if ($(this).val() == "") {
                $(this).css("background", "Red");
                flag = false;
            }
        });
        return flag;
    });        
</script>

<div id="Fileuploader">
<a href="#" id="addfile">Attach a file..</a><br />
<asp:Label ID="lblMessage" runat="server"></asp:Label><br />
<asp:Button ID="btnUpload" runat="server" Text="Upload"
    onclick="btnUpload_Click" />
</div>

UPLOAD.ASCX.CS

protected void btnUpload_Click(object sender, EventArgs e)
{
    try
    {
        HttpFileCollection filecolln = Request.Files; 
        //here i don't get values of current files.
      // this is zero. because of this following if condition failed 
       //please help here
        if (filecolln.Count > 0)
        {
            for (int i = 0; i < filecolln.Count; i++)
            {
                HttpPostedFile file = filecolln[i];
                if (file.ContentLength > 0)
                {
                    file.SaveAs(ConfigurationManager.AppSettings["FilePath"] + System.IO.Path.GetFileName(file.FileName));
                }
            }
            lblMessage.Text = "Uploaded Successfully!";
        }
        else
        {
            lblMessage.Text = "No files selected!";
        }

    }
    catch (Exception ex)
    {
        lblMessage.Text = ex.Message;
    }
}

Default.aspx code

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"    
    Inherits="_Default" %>
    <%@ Register TagPrefix="ucFileuploader" tagName="Fileuploader" src="FileUpload.ascx"    %> 

   <!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ucFileuploader:Fileuploader ID="Fileuploder" runat="server" />
    </div>
    </form>
</body>
</html>

2 个答案:

答案 0 :(得分:2)

问题是你使用的是javascript和id名称。

所以当你在.aspx中使用id addfile进行控制时,它会按原样呈现, 但是当你使用id Fileuploader在用户控件中控制id addfile时, 比渲染的id是 Fileuploader_addfile , 所以使用正确的id更改java脚本中的id名称。

要chechk什么是呈现ID的名称,在浏览器中打开页面,打开页面源并找到元素并将id复制到java脚本中。 使用呈现的id名称更改java脚本中的所有ID。

答案 1 :(得分:0)

我怀疑它可能是这一行:

<script type="text/javascript" src="_scripts/jquery-1.4.1.min.js"></script>

应该是:

<script type="text/javascript" src="/_scripts/jquery-1.4.1.min.js"></script>