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

Question

我有一个样式的文件上传放在香草asp.net fileupload控件，这是隐藏的。如果用户回来编辑他选择的文件，有一些按钮可以查看该文件或将其从数据集中删除；此外，该控件也是隐藏的。但是，假文件上传仍然可见。我已经编写了一个自定义方法来从代码后台调用Jquery，但我缺乏隐藏这个假控件并按需显示它的Jquery技能。

任务是:隐藏包含在中的文件上传，如果用户单击“删除文件”，则再次显示它&将控件再次设置为可见，这样他就可以选择另一个文件。

致以亲切的问候。

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

runjQueryCode(@"$(document).ready(function() {
                 $('#" + Btn_removeFile.ClientID + @"').click(function(){
                    $('.fakefile').show();
                    $('"+ fu.ClientID +@"').show();
                  });
                    $('.fakefile').hide();
                    $('"+ fu.ClientID +@"').hide();
                  });");

Answer 1

您可以做的是，如果FileUpload已经隐藏，则follow...It将显示它；如果它已经可见，则将其隐藏。

代码后置：-

Btn_removeFile.Attributes["onClick"] = "ShowHideFileUpload('"+fu.ClientID+"');" 

Javascript:-

function ShowHideFileUpload(fuID)
{
   if($(fuID).is(":visible"))
   {
        $('.fakefile').hide(); 
        $(fuID).hide(); 
   }
   else
   {
       $('.fakefile').show(); 
       $(fuID).show();     
   }    
}

Answer 2

jQuery("#a").show()；来显示它。

jQuery("#a").hide()；来隐藏它。

A将是您的fileupload控件的id。你是在代码后面的自定义方法中调用它，所以不需要将它绑定到任何单击事件。只需在后台代码中按需调用它。

将FileUpload1.ClientID用于。

Page.ClientScript.RegisterClientScriptBlock(this.GetType()，"dtp"，"$('.fakefile').show();$('#"+ fu.ClientID +@"').show();"，true)；