如何使用Jquery在asp.net中隐藏/显示自定义文件上载?

如何使用Jquery在asp.net中隐藏/显示自定义文件上载?,jquery,asp.net,file-upload,Jquery,Asp.net,File Upload,我在vanilla asp.net fileupload控件上有一个样式化的文件上载,它是隐藏的。 如果用户返回编辑其选择的文件,则有按钮可查看该文件或将其从数据集中删除;此外,控件是隐藏的。 但是,伪文件上传仍然可见。 我已经编写了一个自定义方法来从代码隐藏中调用Jquery,但是我缺乏Jquery技能来隐藏这个伪控件并按需显示它 任务是:隐藏包含在中的文件上载,并在用户单击“删除文件”时再次显示它&将控件设置为再次可见,以便用户可以选择其他文件 亲切的问候 编辑:包含Jquery代码的c#方

我在vanilla asp.net fileupload控件上有一个样式化的文件上载,它是隐藏的。 如果用户返回编辑其选择的文件,则有按钮可查看该文件或将其从数据集中删除;此外,控件是隐藏的。 但是,伪文件上传仍然可见。 我已经编写了一个自定义方法来从代码隐藏中调用Jquery,但是我缺乏Jquery技能来隐藏这个伪控件并按需显示它

任务是:隐藏包含在中的文件上载,并在用户单击“删除文件”时再次显示它&将控件设置为再次可见,以便用户可以选择其他文件

亲切的问候

编辑:包含Jquery代码的c#方法现在看起来像这样:

runjQueryCode(@"$(document).ready(function() {
                 $('#" + Btn_removeFile.ClientID + @"').click(function(){
                    $('.fakefile').show();
                    $('"+ fu.ClientID +@"').show();
                  });
                    $('.fakefile').hide();
                    $('"+ fu.ClientID +@"').hide();
                  });");
jQuery(“#a”).show();来展示它

jQuery(“#a”).hide();把它藏起来

一个可能是您的fileupload控件的id。您是从代码隐藏中的自定义方法调用它的,因此无需将其绑定到任何单击事件。只要从代码隐藏处按需调用即可

将FileUpload1.ClientID用于


Page.ClientScript.RegisterClientScriptBlock(this.GetType(),“dtp”,“$('.fakefile').show();$('#“+fu.ClientID+@“).show();”,true)

您可以执行以下操作…如果文件已隐藏,它将显示文件上载,如果文件已可见,它将隐藏

代码隐藏:-

Btn_removeFile.Attributes["onClick"] = "ShowHideFileUpload('"+fu.ClientID+"');" 
function ShowHideFileUpload(fuID)
{
   if($(fuID).is(":visible"))
   {
        $('.fakefile').hide(); 
        $(fuID).hide(); 
   }
   else
   {
       $('.fakefile').show(); 
       $(fuID).show();     
   }    
}
Javascript:-

Btn_removeFile.Attributes["onClick"] = "ShowHideFileUpload('"+fu.ClientID+"');" 
function ShowHideFileUpload(fuID)
{
   if($(fuID).is(":visible"))
   {
        $('.fakefile').hide(); 
        $(fuID).hide(); 
   }
   else
   {
       $('.fakefile').show(); 
       $(fuID).show();     
   }    
}

显示您编写的代码…抱歉,刚刚实现了相同的代码。什么是runjQueryCode?你是从CodeBehind编写Jquery的吗?是的,有时无法避免,因为我没有时间重构我之前编写的所有代码。请查看我的答案。检查你是否可以这样做…这不起作用,因为removeFile按钮已经附加了onClick方法。你的解决方案部分起作用,但是错误嵌套在我必须处理的现有混乱代码中;在干净的aspx文件中工作良好。因为我时间不够,我告诉我的上司找个设计师来处理。