js动态变更文件管理器file的accept属性(动态变更文件上传限制的后缀)

<tr >
     <td style="width:80px;">文件类型<span style="color: red;">*</span>:</td>
     <td style="width:360px;" colspan="3">
     <input id="fileKind" name="fileKind" class="mini-combobox" data="fileKind"                      
        required="true"  onvaluechanged="fileKindChange"/></td>
</tr>
<tr >
    <td style="width:80px;">上传文件<span style="color: red;">*</span>:</td>
    <td style="width:160px;" colspan="3">
        <input style="background:none; border:none; padding-left:0" id="file" name="file"
                                           type="file" accept=".mp4" ></td>

</tr>

如上代码,初始文件可接受的文件类型为MP4

当文件类型发生变化时,同时动态变更file的accept属性的值

具体js方法如下

:(注意:在全局变量中,我已获取  文件类型 fileKind  控件,此处直接使用了)

 //文件类型变化事件,修改文件选择器允许选择的文件类型
    function fileKindChange(){
        var uploadFile=document.getElementById("file");
        uploadFile.setAttribute('accept','.'+fileKind.getValue());
    }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值