html 选择文件显示文件名称

html

<div class="additem form-group pic aFileBtn" id="pic" hidden>
                    <label id="for-name">壁纸</label><input type="text" name="hd_p_url" placeholder="请输入壁纸地址"
                                                          value="">
                </div>

js

//拿到input file 上传文件名称，显示到页面中，
    $(".aFileBtn").on("change","input[type='file']",function(){
        var filePath=$(this).val();
        //filePath.indexOf("jpg")!=-1 || filePath.indexOf("png")!=-1
        if(filePath.length > 0){
            var arr=filePath.split('\\');
            var fileName=arr[arr.length-1].split('.')[0];
           //判断输入框是否包含文字 包含则不设置。不包含则设置上去
            if($("#title").val()){
            }else {
                $("#title").val(fileName);
            }

        }else{
            return false
        }
    })