首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当fileupload有文件时启用按钮

当fileupload有文件时启用按钮
EN

Stack Overflow用户
提问于 2015-06-18 14:45:41
回答 2查看 1.1K关注 0票数 0

我有两个图像按钮是禁用的,我希望启用它时,有一个文件在fileupload控制。我在网上搜索资源,他们会有一个按钮。但是当用户选择了一个文件并且两个图像按钮都会被提示时,我该如何做呢?您的回答和评论将受到欢迎。

下面的代码是javascript代码。

代码语言:javascript
复制
<script>
        function fnCallback() {
            $("#ImageButton2").show();
        } 
</script>

后面跟着asp.net代码。

代码语言:javascript
复制
<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;"/>
EN

回答 2

Stack Overflow用户

发布于 2015-06-18 15:00:04

您可以从客户端执行此操作。

通过在文件控制onChange事件上调用javascript函数

代码语言:javascript
复制
<asp:FileUpload ID="FileUpload1" runat="server" onChange='fnCallback();' />
<asp:ImageButton ID="ImageButton1" runat="server" style="display:none;"
  ImageUrl="~/imagePath"  />

代码语言:javascript
复制
function fnCallback() {
    // $("#ImageButton1").show(); In jQuery
    document.getElementById("ImageButton1").style.display = "block"; // In JavaScript
 }
票数 0
EN

Stack Overflow用户

发布于 2019-11-18 18:45:02

代码语言: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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30908273

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档