【问题标题】:__doPostBack of asp:button in Gridview using onChange event of fileUploadasp的__doPostBack:Gridview中的按钮使用fileUpload的onChange事件
【发布时间】:2015-10-21 07:17:11
【问题描述】:

我在 gridview 的 itemTemplate 中有一个 asp:button,并与它绑定了一个 fileUpload 控件。按照这里的代码 -> Single Click File Upload in ASP.Net

但是,我被困在了

 function clickSeverControl() {

        __doPostBack('<%= lnkUpload.ClientID %>', 'OnClick');
    }

因为我的按钮嵌入在 gridview 中,我不知道如何获取它的 xxx.ClientID 作为 __doPostBack 的 event.target。

下面是我的代码。

Javascript:

<script type="text/javascript">
function uploadImage()
{
    document.getElementById("FileUploadControl").click();
}
function confirmUpload()
{
    __doPostBack(<WHAT TO PUT HERE>, 'OnClick');
}
</script>

aspx:

 <asp:gridview id="gvDirector" runat="server"<asp:TemplateField HeaderText="Signature" itemstyle-width="150" itemstyle-horizontalalign="Center">
     <itemtemplate>
        <asp:Button ID="btnViewSignature" runat="server" Text="View" CommandName="view"
        CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" />
        <asp:FileUpload id="FileUploadControl" runat="server" style="display: none;" onChange="confirmUpload()" />   
        <asp:Button ID="btnUploadSignature" runat="server"  text="Upload" CommandName="upload" OnClientClick="uploadImage(); return false;" OnClick="btnUpload_Click"
        CommandArgument="<%# ((GridViewRow) Container).RowIndex %>"/>                                           
     </itemtemplate> 
 </asp:gridview>  

我已尝试使用$("#FileUploadControl"),但服务器端的 onClick() 事件未触发。 非常感谢任何输入或指示。谢谢。

下面是我正在尝试完成的屏幕截图。

一旦用户选择了一个文件,“上传”按钮应该会触发 fileUpload 控件,上传会自动开始,无需额外的按钮来“提交”文件。

P.S 我几乎没有一年的使用 .net 和 C# 的经验,如果可能,请ELI5

【问题讨论】:

  • 您尝试打开浏览窗口并选择图像的主要目标是什么,或者您想打开它,选择文件然后将图像保存在数据库中?
  • 后者。打开浏览窗口,选择一个 .jpeg 文件,打开它并立即保存在数据库中。

标签: javascript c# jquery asp.net gridview


【解决方案1】:

How do I extract the name from HTML collection?

这将为我上面关于 clientID 的问题提供答案,但 __doPostBack 不是解决我原来问题的好方法。

实际上非常简单。我想做的事情已经在这里回答了,以防有人好奇。

FileUpload between onClientClick and onClick

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多