在网格视图中清除/重置文件上载控件 [英] Clear/Reset file upload control in grid view

问题描述

我在asp.net网格视图中有多个文件上传控件，我想在选择错误文件时清除/重置文件上传控件.

fileupload1 btnReset1
fileupload2 btnReset2
...

当我单击btnReset2时，仅清除fileupload2的值

我如何使用Java脚本执行此操作.
请帮帮我

预先谢谢大家

I have multiple file upload control in asp.net grid view,i want to clear/reset file upload control when wrong file selection.

fileupload1 btnReset1
fileupload2 btnReset2
...

when i click btnReset2 then only clear value for fileupload2

How can i do this using java script.
Please help me

Thank you all in advance

推荐答案

JS Code:-
<script type="text/javascript">
        function hi(ob) {
            debugger;
            var grid = document.getElementById("<%= GridView1.ClientID %>");
            var inputs = grid.getElementsByTagName("input");
            var fileUpload;
            var strRowNo = ob.id.toString().split("_")[3];//get row number
            alert(strRowNo);
            for (var i = 0; i < inputs.length; i++) {

                if (inputs[i].type == "file") {

                    fileUpload = inputs[i];

                    if (i == strRowNo) {

                        fileUpload.value = "";

                    }

                }

            }

        }

    </script>


Aspx Code:-
  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
                <Columns>
                    <asp:BoundField DataField="A" HeaderText="A" />
                    <asp:BoundField DataField="B" HeaderText="B" />
                    <asp:BoundField DataField="C" HeaderText="C" />
                    <asp:TemplateField HeaderText="File">
                        <ItemTemplate>
                            <div id="fuDiv" runat="server">
                                <asp:FileUpload ID="fupFile" runat="server" />
                            </div>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="Reset">
                        <ItemTemplate>
                            <asp:Image ID="ibtnReset" runat="server" onClick="javascript:hi(this);" />
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
        </ContentTemplate>
    </asp:UpdatePanel>

这篇关于在网格视图中清除/重置文件上载控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！