• 让安心手环更“智慧” 2019-06-25
  • 祈福活动上,马英九用喇叭大喊“两岸和平” 2019-06-25
  • 【理上网来辉煌十九大】美国学者关注十九大报告:中国将形成新的共识继续推进改革 2019-06-20
  • 韩媒:韩朝将军级军事会谈时隔近11年在板门店顺利重启 2019-06-20
  • 任红梅:让十九大精神进社区,入民心 2019-06-17
  • 湖北日报传媒集团多媒体数字报 2019-06-14
  • 要像习近平那样感恩父母 2019-06-14
  • 学诚法师:心中没有是非 不等于是非不分 2019-06-11
  • “后高考”生活尤需有度 警惕“高考后综合征” 2019-06-06
  • 三只树懒漂洋过海亮相杭州 看着都困 2019-06-06
  • “跌倒”与“重新站起来” 2019-06-01
  • 女子街头遭遇男子持刀抢劫 搏击教练一分钟夺刀 2019-05-29
  • 发挥自身优势 奋力走在前列——习近平总书记在山东考察回访记 2019-05-29
  • 免费与收费混搭总会拖垮社会主义经济(原创首发) 2019-05-15
  • 徐悲鸿中学“大美徐中 进步之师”——华龙网 2019-05-14
  • 怎么拿到input file上传的文件名字显示到页面中

    2019-05-15 网页设计
    • 文章介绍
    js代码部分:

    $(".aFileBtn").on("change","input[type='file']",function(){
        var filePath=$(this).val();
        //filePath.indexOf("jpg")!=-1 || filePath.indexOf("png")!=-1
        if(filePath.length > 0){
            $(".fileerrorTip").html("").hide();
            var arr=filePath.split('\\');
            var fileName=arr[arr.length-1];
            $(".showFileName").html(fileName);
        }else{
            $(".showFileName").html("");
            $(".fileerrorTip").html("您未上传文件,或者您上传文件类型有误!").show();
            return false
        }
    })

    html文件部分:

    <a class="selfConBtn aFileBtn">选择文件<input type="file"  /></a>
            <span class="fileerrorTip"></span>
             <span class="showFileName"></span>
     <a href="#"  class="selfConBtn">点击上传</a> 

    上一篇:何为百度移动网站MIP?MIP对网站有什么帮助?

    下一篇:让网页标签页头部有新消息提醒和Title标题文字滚动显示效果

    专业的织梦模板定制下载站,在线购买后即可下载!

    商业源码

    跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

    立刻开启你的建站之旅
    QQ在线客服

    服务热线

    织梦建站咨询
  • 让安心手环更“智慧” 2019-06-25
  • 祈福活动上,马英九用喇叭大喊“两岸和平” 2019-06-25
  • 【理上网来辉煌十九大】美国学者关注十九大报告:中国将形成新的共识继续推进改革 2019-06-20
  • 韩媒:韩朝将军级军事会谈时隔近11年在板门店顺利重启 2019-06-20
  • 任红梅:让十九大精神进社区,入民心 2019-06-17
  • 湖北日报传媒集团多媒体数字报 2019-06-14
  • 要像习近平那样感恩父母 2019-06-14
  • 学诚法师:心中没有是非 不等于是非不分 2019-06-11
  • “后高考”生活尤需有度 警惕“高考后综合征” 2019-06-06
  • 三只树懒漂洋过海亮相杭州 看着都困 2019-06-06
  • “跌倒”与“重新站起来” 2019-06-01
  • 女子街头遭遇男子持刀抢劫 搏击教练一分钟夺刀 2019-05-29
  • 发挥自身优势 奋力走在前列——习近平总书记在山东考察回访记 2019-05-29
  • 免费与收费混搭总会拖垮社会主义经济(原创首发) 2019-05-15
  • 徐悲鸿中学“大美徐中 进步之师”——华龙网 2019-05-14
  • 大星彩票网河南22选5 泳坛夺金数据 幸运农场水果开奖查询 二分彩的漏洞破解 888真人游戏平台 365篮球比分 九肖中特期期中 中国福彩3d玩法图 甘肃十一选五直播 竞彩足球计算器 浩博国际娱乐在线 广西快乐双彩一彩票控 幸运飞艇如何计算下期号码 极速飞艇开奖app 双人麻将