Asp.net 当fileupload有文件时启用按钮
我有两个图像按钮是禁用的,我希望在文件上传控件中有文件时启用它。我在网上搜索资源,他们会有一个按钮。但当用户选择了一个文件,并且两个图像按钮都会被提示时,我该怎么做呢? 您的回答和评论将被告知 下面的代码是javascript代码Asp.net 当fileupload有文件时启用按钮,asp.net,button,Asp.net,Button,我有两个图像按钮是禁用的,我希望在文件上传控件中有文件时启用它。我在网上搜索资源,他们会有一个按钮。但当用户选择了一个文件,并且两个图像按钮都会被提示时,我该怎么做呢? 您的回答和评论将被告知 下面的代码是javascript代码 <script> function fnCallback() { $("#ImageButton2").show(); } </script> 函数fnCallback(){ $(“
<script>
function fnCallback() {
$("#ImageButton2").show();
}
</script>
函数fnCallback(){
$(“#ImageButton2”).show();
}
下面是asp.net代码
<asp:FileUpload ID="FileUpload1" runat="server" onChange="fnCallback();"/>
<asp:ImageButton ID="ImageButton2" runat="server" Width="20px" Height="20px" ImageUrl="~/Image/save-btn.png" style="display:none;"/>
您可以从客户端执行此操作 通过调用filecontrol
onChange
事件上的javascript函数
<asp:FileUpload ID="FileUpload1" runat="server" onChange='fnCallback();' />
<asp:ImageButton ID="ImageButton1" runat="server" style="display:none;"
ImageUrl="~/imagePath" />
函数导入成员(courseSelectImport,value){
if(courseSelectImport&&value){
jQuery('#csvsubmite').attr('disabled',false);
jQuery('#csvsubmite').addClass(“importbtn”);
}否则{
jQuery('#csvsubmite').attr('disabled',true);
jQuery('#csvsubmite').removeClass(“importbtn”);
}
}
jQuery('input:file').change(function(){
让value=jQuery(this.val();
让courseSelectImport=jQuery(“#courseSelectImport”).val();
导入成员(courseSelectImport,值);
});
jQuery(“#courseSelectImport”).on('change',function(){
让courseSelectImport=jQuery(this.val();
让fileVal=jQuery('input:file').val();
导入成员(courseSelectImport,fileVal);
});
课程
全部的
@lstprick:你犯了什么错误??你包括jQuery库了吗?我对这个有点陌生。。没有错误发生。。。正在筛选功能,将警报放入fnCallback()
中,查看是否出现警报?警报确实会出现。但是我没有看到图像按钮
function fnCallback() {
// $("#ImageButton1").show(); In jQuery
document.getElementById("ImageButton1").style.display = "block"; // In JavaScript
}
function importMember(courseSelectImport,value){
if ( courseSelectImport && value) {
jQuery('#csvsubmite').attr('disabled',false);
jQuery( '#csvsubmite' ).addClass( "importbtn" );
} else {
jQuery('#csvsubmite').attr('disabled',true);
jQuery('#csvsubmite' ).removeClass( "importbtn" );
}
}
jQuery('input:file').change(function(){
let value = jQuery(this).val();
let courseSelectImport = jQuery('#courseSelectImport').val();
importMember(courseSelectImport,value);
});
jQuery('#courseSelectImport').on('change',function(){
let courseSelectImport = jQuery(this).val();
let fileVal = jQuery('input:file').val();
importMember(courseSelectImport,fileVal);
});
<label class="col-md-4 mb-0 text-right">Course</label>
<select name="courseSelectImport" id="courseSelectImport" class="custom-select">
<option value="">All</option>
</select>
<input type='file' name='membercsv' accept=".csv">
<input type='submit' name='submit' id="csvsubmite" value='Import' disabled>