FileUpload HasFile返回false

时间:2015-06-08 15:28:58

标签: javascript c# asp.net

我知道这个问题很常见但是在我的情况下,我涉及一个javascript,所以这可能是问题所在。这就是我正在做的事情。我正在调用asp FileUpload以允许用户选择图像。然后通过调用onchange事件,我将触发一个javascript,这反过来使隐藏的div变得可见。 div包含一个Confirm按钮,然后激活上传功能:

<div class="profile-page-owner-profile-pic">
       <asp:FileUpload ID="profile_pic_input" onchange="profilenewimageinput(this)" runat="server"></asp:FileUpload>
</div>

Hidden Div:

<div id="profile-change-profile-pic-bg-overlay-div">
     <div class="profile-change-profile-pic-bottom-bar"> 
          <asp:Button ID="picApply" class="cropButton" runat="server" OnClick="picApply_Click" Text="Button" />
          <span class="profile-page-cancel-crop-button" onclick="hideprofilepicwindow()">Cancel</span> 
      </div>
</div>

JS:

function profilenewimageinput() {

    document.getElementById("profile-change-profile-pic-bg-overlay-div").style.display = "block";

    setTimeout(function () {

        document.getElementById("profile-change-profile-pic-bg-overlay-div").style.opacity = 1;

    }, 100);

}

代码背后:

protected void picApply_Click(object sender, EventArgs e)
{
     if (profile_pic_input.HasFile) //always returns false when debugged
     {
          //Code
     }
}

为什么即使选择了图像,我的HasFile也始终返回False?

1 个答案:

答案 0 :(得分:0)

尝试使用适当的<asp:UpdatePanel>设置将其放入Trigger。以下内容可能有效,但我不在测试地点:

<div class="profile-page-owner-profile-pic">
    <asp:UpdatePanel ID="UploadPanel" runat="server">
        <Triggers>
            <asp:PostBackTrigger ControlID="picApply" />
        </Triggers>
        <ContentTemplate>
            <asp:FileUpload ID="profile_pic_input" onchange="profilenewimageinput(this)" runat="server" />
        </ContentTemplate>
    </UpdatePanel>
</div>