码迷,mamicode.com
首页 > Web开发 > 详细

拿到input file上传文件名字 显示到页面中

时间:2018-10-24 16:01:03      阅读:441      评论:0      收藏:0      [点我收藏+]

标签:highlight   filename   div   hang   change   put   hide   UNC   val   

$(".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
    }
})
<a class="selfConBtn aFileBtn">选择文件<input type="file"  /></a>
        <span class="fileerrorTip"></span>
         <span class="showFileName"></span>
 <a href="#"  class="selfConBtn">点击上传</a> 

 

拿到input file上传文件名字 显示到页面中

标签:highlight   filename   div   hang   change   put   hide   UNC   val   

原文地址:https://www.cnblogs.com/laugh/p/9842565.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!